[SOLUCIONADO] Problema con fuentes y Firefox

[xexio]

Me he encontrado con el siguiente problema.

Tengo un tipo de fuente, concretamente, palatino linotype.

El problema es, esta fuente no funciona correctamente en Firefox?

[pzin]

Las fuentes no funcionan en unos navegadores y otros no. Si funciona en uno deberían de funcionar en todos.

¿Cómo estás usando @font-face?

[xexio]

Código:

@font-face {
font-family: 'pirulen';
src: url('http://cemaconsulting.es/wp-content/themes/headway/fonts/pirulen_rg.eot');
src: url('http://cemaconsulting.es/wp-content/themes/headway/fonts/pirulen_rg.eot?#iefix') format('embebed-opentype'),
     url('http://cemaconsulting.es/wp-content/themes/headway/fonts/pirulen_rg.ttf') format('truetype'),
     url('http://cemaconsulting.es/wp-content/themes/headway/fonts/pirulen_rg.svg#') format('svg');
font-weight: normal;
font-style: normal;
}

body.custom .entry-title {font-family: 'pirulen', sans-serif; color: blue; font-size: 14px;}

[pzin]

Tienes que poner www en la URL, o poner rutas relativa, por lo visto Firefox tiene algunas restricciones de seguridad en cuanto a la cargar recursos de otros dominios, y realmente dominio.com es diferente a www.dominio.com.

[xexio]

Continuo con el mismo problema :S

Le he añadido el www.dominio.es y continua dando el mismo problema.

Creo que es un bug de Firefox con esa fuente.

[pzin]

Pues yo lo he probado editando tu código con la herramienta de desarrollo y funciona perfectamente.

Tienes que cambiar todas las URLs, no sólo una, de tu regla @font-face, no recuerdo cual fuente escogía Firefox.

[xexio]

Código HTML:

@font-face {
font-family: 'pirulen';
src: url('http://www.cemaconsulting.es/wp-content/themes/headway/fonts/pirulen_rg.eot');
src: url('http://www.cemaconsulting.es/wp-content/themes/headway/fonts/pirulen_rg.eot?#iefix') format('embebed-opentype'),
     url('http://www.cemaconsulting.es/wp-content/themes/headway/fonts/pirulen_rg.ttf') format('truetype'),
     url('http://www.cemaconsulting.es/wp-content/themes/headway/fonts/pirulen_rg.svg#') format('svg');
font-weight: normal;
font-style: normal;
}

body.custom .entry-title {font-family: 'pirulen', sans-serif; color: blue; font-size: 14px;}

Asi lo he dejado. Y continua sin ir.

[pzin]

Al acceder a la web yo sigo sin ver las www:



Pero como decía, al cambiarlo con Firebug funciona perfectamente:

[xexio]

Solucionado, muchas gracias.