Esta tarde he probado a implementar la regla font-face en una web para probarla en vaios navegadores, los resultados fueron los esperados excepto en Firefox 3.5.1 que es el que tengo donde la regla parecia no hacer efecto.

He mirado por internet a ver si me aclaraba algo, pero no veo nada reseñable y los codigos que he visto con como el mio. Asi que a ver que me podeis decir vosotros.

El codigo es el siguiente para el HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="css/estilos.css" rel="stylesheet" type="text/css" media="screen"/>

<title>mi web con font-face</title>
</head>

<body>
<div id="contenedor">
<h1 id="cabecera">Esto es un ejemplo para usar font-face</h1>
</div> <!-- FIN contenedor-->

</body>
</html>




Y este el codigo CSS:

@font-face {
font-family: "Cooper Bold Italic";
src: url("../fuentes/cooperbi.ttf") format("truetype");
}

#cabecera {
font-family: "Cooper Bold Italic", courier;
font-size:18pt;
color:red;
padding:20px 0;
}


La estuctura de directorios es la siguiente:

/
/index.html
/css/
/reset.css
/estilos.css
/fuentes/
/cooperbi.ttf


En fin, yo estoy sin ideas, a ver que me podeis decir vosotros

graaciaas^^