Artículo de Footspring.com donde nos muestra la mejor manera de declarar en nuestra hoja de estilos @font-face para conseguir la más amplia compatibilidad posible:
|
1 2 3 4 5 6 7 |
@font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot#') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-webfont.svg#svgFontName') format('svg'); } |
El secreto está en el ‘#’ a continuación de EOT. La gente de Footspring lo ha probado en Safari 5.03, IE 6-9, Firefox 3.6-4, Chrome 8, iOS 3.2-4.2, Android 2.2-2.3, Opera 11.
Esta web de Emenia utiliza @font-face, para lo cual había utilizado http://www.fontsquirrel.com/, aunque ya lo he actualizado usando esta sugerencia. Lo he probado en diversos navegadores y va muy bien.
