Tiene un problema con Font. No estoy seguro de por qué se está cargando para Chrome, pero en Firefox parece que no está cargado.La fuente no se carga en Firefox pero funciona en Chrome
Aquí se presenta una example
Gracias de antemano
Tiene un problema con Font. No estoy seguro de por qué se está cargando para Chrome, pero en Firefox parece que no está cargado.La fuente no se carga en Firefox pero funciona en Chrome
Aquí se presenta una example
Gracias de antemano
Creo que Firefox sólo es compatible con TrueType/OpenType TT(.ttf)
y OpenType PS (.otf)
.
Miren this table.
EDIT: Creo que tu respuesta es here.
Firefox solo aceptará la ruta relativa a las fuentes. Si desea utilizar un dominio diferente para alojar la fuente de aquel en que se encuentra la página, usted tiene que seguir HTTP access control política de Mozilla:
Esta norma intercambio de origen cruzado se utiliza para habilitar las solicitudes HTTP entre sitios para:
[...]
Fuentes web (para el uso de fuentes de dominios cruzados en @ font-face CSS dentro
Control hacia fuera este SO hilo, que tenía exactamente el mismo problema que usted tiene. El w sugerido ork alrededor se ofrecen en otras comunidades y ayudó a resolver este problema:
creo que podría ser mejor que sólo lo utilizan directamente desde Google. Entonces no necesita preocuparse por ningún problema de derechos de autor y es gratis.
http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:
En Firefox (Gecko), web fonts están sujetos a la misma restricción de dominio (ficheros deben estar en el mismo dominio que la página de usarlos), a menos que los controles de acceso HTTP se utilizan para relajar este restricción.
Nota: Como no existen tipos MIME definidos para las fuentes TrueType, OpenType y Web Open File Format (WOFF), no se tiene en cuenta el tipo MIME del archivo especificado.
guardar el tipo de letra en mismo directorio y se aplican como esta esto funcionará he comprobar en mi firefox 12,0
@font-face
{
font-family: 'Play';
src: url('play.ttf');
}
.font
{
font-family: "play";
font-size: 20px;
}
<p class="font">TESTING</p>
i tenido este problema exactamente el mismo hace un par de semanas.
único que hice fue añadir local('*Name of Font*)
para que el navegador podría buscar la fuente
Firefox es raro. Me he dado cuenta en los servidores locales de desarrollo que intentará cargar la fuente de los conjuntos de fuentes de instalación antes de tratar de buscar realmente la fuente src en la ruta que especifique.
Eso es local lo ayudará a decirle que busque en conjuntos de fuentes locales.
¿Utiliza:
<base href="http://www.site.com/" />
Si es así, cambiarlo a:
<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />
puede ser útil para usted http://www.fontsquirrel.com/blog/2010/11/ troubleshooting-font-face-problems – agriboz
violín funciona bien en Chrome, significa código está bien – khurram
posible duplicado de http://stackoverflow.com/questions/2856502/css-font-face-not-working-with-firefox-but -trabajo-con-cromo-y-ie –