2010-01-20 7 views
6

Tengo un problema con @ font-face. En realidad, funciona sin problemas en Safari, Internet Explorer 7+ y Firefox para Windows, pero no funciona en Firefox para Mac.Firefox 3.5 en Mac y @ font-face

Estoy utilizando el código de la fuente cara de balas @ artículo

Aquí es mi Código:

@font-face { 
    font-family: "QlassikMediumRegular"; 
    src: url("../fonts/Qlassik_TB.eot"); 
    src: local("Qlassik Medium Regular"), local("QlassikMedium"), url("../fonts/Qlassik_TB.ttf") format("truetype") 
} 

@font-face { 
    font-family: "QlassikBoldRegular"; 
    src: url("../fonts/QlassikBold_TB.eot"); 
    src: local("Qlassik Bold Regular"), local("QlassikBold"), url("../fonts/QlassikBold_TB.ttf") format("truetype") 
} 

Aquí está el enlace a mi sitio en cuestión: link text

Respuesta

2

Me suelen utilizar una declaración @ font-face más extendida:

@font-face { 
font-family: 'TypewriterOldstyle'; 
src: url('../fonts/typeo-webfont.eot'); 
src: url('../fonts/typeo-webfont.eot?#iefix') format('eot'), 
    url('../fonts/typeo-webfont.woff') format('woff'), 
    url('../fonts/typeo-webfont.ttf') format('truetype'), 
    url('../fonts/typeo-webfont.svg#webfonty9r23iiq') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

Puede intentar géneros ting en http://www.fontsquirrel.com/fontface/generator

0

Tuve el mismo problema, la fuente dio el error 301 diciendo que no tenía acceso al archivo de fuente.

Lo que funciona mejor para mí es colocar el archivo de fuente en el mismo directorio que el archivo .css, sin problemas con anny .htaccess u otro archivo de configuración del servidor.

Tengo un archivo fonts.css externo que contiene todas las líneas de fuente css dentro del directorio de fuentes. Entonces puedo incluir este archivo .css en la página que me gustaría usar esta fuente. Asegúrese de no hacer directorios adicionales para que pueda llamar a la fuente sin ningún directorio.

más información: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Cuestiones relacionadas