Saludos compañeros.
Creo que todos estamos más que emocionados con la reciente salida de IE9 y todos los problemas que esto nos resuelve ya que Microsoft por fin hizo algo bien.
En fin, mi problema radica en el atributo CSS @font-face, simplemente no logro que funcione en IE9 cuando antes funcionaba en IE8 :S
He probado con fuentes otf, ttf y eot pero con ninguna funciona. Lo raro es que cuando visito sitios que usan @font-face, estos sí se muestran bien.
Mi código es el siguiente:
Código HTML:
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
@font-face {
font-family:Avant;
src: url(fonts/AvantGardeBk.eot);
}
</style>
</head>
<body>
<p style="font-family: Avant; font-size: 18pt">¡Este párrafo debería tener la fuente Avant en IE9, pero no la tiene!</p>
</body>
</html> He probado poner entre comillas "font-family", también a lo que está dentro de url pero tampoco funciona.
Necesito ojos frescos... ¿Qué estoy haciendo mal?
Muchas gracias por su ayuda.
P.D. El código que estoy intentando que funcione es casi idéntico al ejemplo que ponen en la página de Microsoft :
http://msdn.microsoft.com/library/ms530757.aspx