¿Se puede usar @font-face ahora?

Question

¿Se puede usar @font-face ahora?

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.

Sin embargo, estoy muy confundido con varios blogs/sitios que ofrecen diferentes puntos de vista sobre su usabilidad. ¿Ya está listo? ¿Qué navegadores lo soportan hoy en día?

Gracias

27

css css3 font-face fonts

Author: 3zzy, 2010-02-08

Source

2 answers

Paul Irish ha esbozado el estado actual de @font-face. Aquí hay una presentación de diapositivas y una pequeña reunión en Boston repasando todo:

Http://paulirish.com/squeeze/

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

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

Probablemente la parte más difícil de la implementación es tratar con Firefox que tiene un FOUT ("flash de texto sin estilo") en 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 /

7

Author: Arx Poetica,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-04-22 12:31:20

score 31 · Accepted Answer

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

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