working ttf otf not google font css fonts css3 font-face

css - ttf - font face sass



¿Se puede usar @ font-face ahora? (2)

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 los formatos y el CSS necesario para que se muestren tanto en Internet Explorer como en otros navegadores.

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

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 realmente confundido con varios blogs / sitios que ofrecen diferentes puntos de vista sobre su utilidad. ¿Está listo ya? ¿Qué navegadores lo soportan hoy?

Gracias


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 revisando 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 licencia puede ser complicada, 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 carga, aunque hay varias soluciones, que incluyen:

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/