Tengo un diseño y se requiere Myriad Pro. Esto no es un problema El problema es que en Photoshop usaron 'Bold Condensed'. No estoy seguro de cómo se llama, creo que es una de las variantes de Myriad Pro. ¿Cuál es la mejor manera de emular esto en un sitio web?CSS - Fuentes personalizadas?
Gracias.
FontSquirrel es su mejor recurso. Su "generador de fuente @ font" crea código que funcionará con todos los navegadores modernos.
Lo que hacen está bien explicado, pero detrás de escena es bastante complicado. Puede leer sobre los aspectos de CSS en Paul Irish's blog.
Editar
me di cuenta de que nadie ha respondido a su verdadera pregunta ...
1.) Myriad Pro es una familia de fuentes, implementado como una colección de archivos , con nombres como Myriad Pro.otf, Myriad Pro Bold.otf, y así sucesivamente. (Los nombres reales son específicos del sistema operativo). Myriad Pro Bold Condensed es uno de esos archivos. No sé si viene con el paquete estándar o si cuesta extra.
2.) No se puede "emular" esto. Puede usar la fuente real en su página web (mediante el método de inserción de @ font-face descrito anteriormente) o crear un gráfico. Los diseñadores probablemente esperan que cree gráficos, porque los diseñadores [diatriba eliminan] cuando se trata de la implementación.
3.) Como se ha señalado, la incrustación supuestamente requiere una licencia adecuada, y no sé si puede obtener una licencia de este tipo en particular. ("Supuestamente", porque [diatriba eliminada], pero no soy abogado.)
+1 [diapositiva eliminada] :) – Zasz
La forma 100% garantizada es renderizarla en una imagen.
CSS3 admite la fuente de la cara, pero esto no le dará una amplia compatibilidad.
@font-face
{
font-family: 'Myriad Pro';
src: url('Myriad-Pro.ttf');
}
También deberá verificar los acuerdos legales para ver si permiten incrustar esta fuente en sus páginas.
Eso no funcionará en IE, que quiere un archivo .eot. – egrunin
Probablemente tengas razón. Todavía tengo que probar esto ... cuando es ampliamente compatible. –
También podría probar el sIFR3 de Shaun Inman, aunque es probable que CSS3 sea la mejor alternativa.
Sin embargo, consulte la licencia primero. En muchos casos, no puede usar @ font-face.
Aquí está la publicación en Adobe sobre una gran cantidad de licencias para web. http://forums.adobe.com/message/3654436
Myriad Pro no es una fuente segura para la Web (Arial, Helvetica, Verdana y Trebuchet son las principales fuentes web sans-serif), entonces, ¿cómo iba a usarlo en su sitio en primer lugar? Si va a incrustar una fuente web personalizada, entonces no importa qué estilo sea. No hay emulación necesaria. –