¿Funciona @ font-face en todos los navegadores?

Question

¿Funciona @ font-face en todos los navegadores?

¿Cómo puedo usar @ font-face?

Answer 1

Salida: @font-face browser support

WebKit/Safari

• desde la versión 3.1
• formatos de fuente:
  • TrueType/OpenType TT (.ttf)
  • OpenType PS (.otf)
  • SafariMobile (iPhone/iPad): solo fuentes SVG
• Más información: http://webkit.org/blog/124/downloadable-fonts/
• Wiki: Ejemplos de código

Opera

• desde Opera 10: http://www.opera.com/browser/ y Opera Mobile 9.7
• formatos de fuente:
  • TrueType/OpenType T T (.ttf)
  • OpenType PS (.otf)
  • SVG (.svg)
• Más información: http://dev.opera.com/articles/view/seven-web-fonts-showcases/

Internet Explorer

• desde IE 4
• formatos de letra:
  • OpenType incrustadas (EOT), creado por la herramienta de la TRAMA de Microsoft
  • WOFF desde IE9
• Más información: http://www.microsoft.com/typography/web/embedding/default.aspx
• Wiki: Ejemplos de código

Mozilla/Firefox

• desde Firefox 3.5
• formatos de fuente
  • TrueType/OpenType TT (.ttf)
  • OpenType PS (.otf)
  • WOFF (ya que Firefox 3.6)
• Wiki: Ejemplos de código

Google Chrome

• En Chrome 4.0 versión estable. Como del 25 de enero, 2010
• En Chrome 3.0, puede ejecutar el ejecutable con un interruptor de línea de comandos: --enable-remote-fonts 1
• Fue desactivado por defecto para la revisión de seguridad: 2 [3], [4]
• Más detalles en cromo y @ font-face aquí
• formatos de fuente
  • TrueType/OpenType TT (.ttf)
  • OpenType PS (.otf)
  • WOFF desde la versión 6

Netscape

• desde la versión 4, suspendido desde Netscape Navigator 6
• formatos de fuente:
  • recurso de fuente portátil (.pfr)
• más info : http://en.wikipedia.org/wiki/TrueDoc

En cuanto a su uso, mira esto:

• The Potential of Web Typography:

Answer 2

No todos los navegadores, pero todos los grandes (Chrome, IE, Firefox, Opera, Safari). La publicación de Sarfraz muestra con qué trabajará.

Aquí hay un ejemplo de cómo se usa:

@font-face { 
font-family: DeliciousRoman; 
src: url(/Delicious-Roman.otf); 
} 

Answer 3

I altamente recommoned utiliza http://www.fontsquirrel.com/fontface/generator para crear las fuentes y el css para su uso.

Funcionará en todos los navegadores al instante. Traté de arreglarlo yo mismo, pero hay algunas diferencias molestas de manejar. También conseguirlo trabajar en el navegador Android Y IE8 y más bajo fue difícil.

Utilizando el sitio web anterior, lo pondrás en funcionamiento rápidamente sin javascript u otros hacks.

Answer 4

Siempre puede preguntar: http://caniuse.com/#search=font-face