Font-face

[Krlinhos]

Hola tengo problemas con font-face

Tengo esto en el css:


@font-face {
font-family: 'Museo300';
src: url('http://www.servidor.es/ictio/fonts/museo300-regular-webfont.eot');
src: url('http://www.servidor.es/ictio/fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('http://www.servidor.es/ictioa/fonts/museo300-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

El caso que cuando hago

font-family: 'Museo300', serif;

En chrome se me ve correctamente la fuente, pero en IE y Firefox, no... alguien me podria decir que estoy haciendo mal??

Saludos.

[kseso?]

Iniciado por Krlinhos

Hola tengo problemas con font-face

alguien me podria decir que estoy haciendo mal??

Presuponer dotes adivinatorias en los participantes de este foro.

Adjunte un enlace a la página del problema.
La Museo 300 no ofrece problemas. Al menos hace un tiempo la fuente descargable (la free) de la página "oficial" era perféctamente funcional con @font-face.

Bonus para quienes les guste esta typo: en el descargable gratis a la 300 han añadido la 700 (negrita).

[emprear]

Iniciado por Krlinhos

Hola tengo problemas con font-face

Tengo esto en el css:


@font-face {
font-family: 'Museo300';
src: url('http://www.servidor.es/ictio/fonts/museo300-regular-webfont.eot');
src: url('http://www.servidor.es/ictio/fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('http://www.servidor.es/ictioa/fonts/museo300-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

El caso que cuando hago

font-family: 'Museo300', serif;

En chrome se me ve correctamente la fuente, pero en IE y Firefox, no... alguien me podria decir que estoy haciendo mal??

Saludos.

ictio, ictioa, o ambos?

[Krlinhos]

Hola,

la fuente la tengo subido aqui www3.uca.es/serv/ictiofauna/... pero la cosa es saber porque en chrome si se me ve y en el resto no :S Me falta algun archivo aparte de .tttf y .eot?

[emprear]

Sabemos dónde está las fuentes, aunque no es muy seguro desde dónde las estás llamando, www, www2, www3 u otro lugar.
Lo más probable es que se te produzca una restricción de seguridad por hacer un "crossdomain" al cargar las fuentes


La solución, en tu dominio que tiene las fuentes, agregar al .htaccess

Código Apache:

<FilesMatch "\.(ttf|otf|eot|woff|svg|fonts.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>
 

el fonts.css reemplazar por el que sería el tuyo

de no tener mod_headers habilitado en tu server, la solución se complica, aunque creo que con php se podría
Pero como tu información aparece fragmentada, puede que sea otra cosa, vaya a saber

Saludos

[Krlinhos]

Ok Voy a mirar. Gracias.