Contenido

@font-face en Internet Explorer

4 nov

+ 3

Hace ya tiempo tiempo, vimos que WebKit integraba una implementación de font-face con la que podríamos definir la fuente que debía mostrarse en nuestras página, hace poco Mozilla anunció que Firefox 3.1 iba a integrar esta opción, incluso encontramos alternativas mediante Javascript que servían como alternativa a sIFR3.

Safari + @font-face

2989691982_01f96c6e84

Internet Explorer 7.0 + @font-face

2989691770_441a92d21f

John Tangerine nos muestra un ejemplo de como conseguir esta funcionalidad en Internet Explorer 6+, eso sí, sin usar el sistema estandar de fichero .otf.

<style type="text/css" media="screen">
h1, h2, h3, p, td{
font-family:'Fontin-Regular', georgia, serif;
}

/* TODOS LOS NAVEGADORES MODERNOS*/
@font-face{
font-family:'Fontin-Regular';
src: url('Fontin-Regular.otf') format('opentype');
}
</style>

/* PARA INTERNET EXPLORER*/
<!--[if IE]>
<style type="text/css" media="screen">
@font-face{
font-family:'Fontin-Regular';
src: url('Fontin-Regular.eot');
}
</style>
<![endif]-->

Puedes probar tu mismo el resultado de este código.

  • Se ve muy bueno, lamentablemente no funciona en Google Chrome

  • uff… eso del eot es más viejo que matusalén. Allá por los años setenta estaba yo con mi IE versión pre-alpha y ya podía implementar la comic sans sin problema… jajajaj

    Es una gran noticia que por fin se hayan decido a implementar la dichosa font-face que tanto hacía falta. Ahora como con la salida del flash, nos tendremos que acostumbrar a auténticas aberraciones en manos de destroyers del diseño.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.