No reconoce regla @font-face

jorgeazul3 · #1 (**permalink**) 28/05/2012, 12:35

Tengo el siguiente problema, estoy creando una pequeña pagina web para poner en la pestaña static html de facebook, mis archivos externos los he subido a un servidor propio, como tipografia del sitio estoy usando una que no tiene windows, el problema es que en chrome si me respeta la regla @font-face pero en firefox y el IE9 no lo hace, espero que alguien me pueda ayudar por que por mas que le muevo no me reconocen las tipografia.

Para mayor entendimiento el @font-face lo tengo colocado asi:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<style>
@font-face
{
    font-family:"heavy";
    font-style:normal;
    font-weight:normal;
    src:url("http://ppinfo.260mb.org/heavy.ttf"),url("http://ppinfo.260mb.org/heavy.eot");
}
body
{
    font-family:"heavy";
}
</style>

mi archivo heavy.ttf esta en la raiz de mi servidor, como dije chrome si lo respeta pero ff e IE9 lo omiten

kseso? · #2 (**permalink**) 28/05/2012, 13:03

Échele un vistazo a esto
Y pruebe a generar sus archivos de fuentes (todos) y la regla con el servicio de fontsquirrel