2010-01-20 20 views
6

Sto riscontrando un problema con @ font-face. Funziona perfettamente su Safari, Internet Explorer 7 e Firefox per Windows ma non su Firefox per Mac.Firefox 3.5 su Mac e @ font-face

Sto utilizzando il codice dal proiettile @ font-face articolo

Ecco il mio codice:

@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") 
} 

Ecco il link al mio sito in questione: link text

risposta

2

Io di solito uso una dichiarazione @ font-face più estesa:

@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; 
} 

Si potrebbe provare generi ting at http://www.fontsquirrel.com/fontface/generator

0

Aveva lo stesso problema, il font ha dato 301 errori dicendo che non avevo accesso al file del font.

Ciò che funziona meglio per me è collocare il file del font nella stessa directory del file .css, senza problemi con anny .htaccess o altri file di configurazione del server.

Quindi ho un file fonts.css esterno contenente tutte le linee dei font css all'interno della directory dei font. Quindi posso includere questo file .css nella pagina che vorrei usare questo font. Assicurati di non creare directory aggiuntive in modo da poter chiamare il font senza la directory anny. più

informazioni: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Problemi correlati