2010-02-08 10 views
27

Tengo que usar una fuente elegante en un proyecto, pero realmente me gustaría evitar sifr y otras alternativas feas, así que estoy mirando @ font-face.¿Se puede usar @ font-face ahora?

Sin embargo, estoy realmente confundido con varios blogs/sitios que ofrecen diferentes puntos de vista sobre su usabilidad. ¿Ya está listo? ¿Qué navegadores lo admiten hoy?

Gracias

+0

+1 buena pregunta –

Respuesta

31

Casi todos los navegadores lo implementan ahora. La única pega real es que Internet Explorer requiere archivos de fuentes en su propio formato OTF y no comprenderá el formato TTF. Muchos sitios que proporcionan fuentes para usar con @ font-face le proporcionarán los formatos y el CSS necesarios para que se muestren tanto en Internet Explorer como en otros navegadores.

Tome un vistazo a http://www.fontsquirrel.com/ para un buen ejemplo de una biblioteca libre de las fuentes que vienen con pre-hechos @ descargas font-face (ambos formatos de archivo y el CSS correspondiente.)

+0

font-squirrel es genial, gracias! – 3zzy

+1

Hay servicios gratuitos en línea para la conversión entre los dos. P.ej. http://everythingfonts.com/otf-to-ttf –

7

Paul irlandés ha esbozado la corriente estado de @ font-face. He aquí una presentación de diapositivas y una pequeña reunión en Boston revisar todo:

http://paulirish.com/squeeze/

http://www.ustream.tv/recorded/4828154

La respuesta rápida es el 95% de los navegadores + A lo utilizan (FF 3.0 es la excepción). Las licencias pueden ser complicadas, pero hay varias herramientas que son de ayuda, como FontSquirrel, FontDeck y FontSpring.

Probablemente la parte más difícil de la aplicación se ocupa de Firefox que tiene una FOUT ("destello de texto sin estilo") de la carga, aunque hay varias soluciones, incluyendo:

http://paulirish.com/2009/fighting-the-font-face-fout/

http://inspiringpixel.com/articles/web-design/fight-the-fout/240/

http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/

Cuestiones relacionadas