Sto usando @font-face
il sito della mia azienda e funziona / sembra fantastico. Tranne Firefox e Chrome genererà un errore 404 sul .woff
file. IE non genera l'errore. Ho i caratteri situati nella radice ma ho provato con i caratteri nella cartella css e ho persino fornito l'intero URL per il carattere. Se rimuovo quei caratteri dal mio file CSS non ottengo un 404, quindi so che non è un errore di sintassi.
Inoltre, ho usato lo strumento fontsquirrels per creare @font-face
caratteri e codice:
@font-face {
font-family: 'LaurenCBrownRegular';
src: url('/laurencb-webfont.eot');
src: local('☺'),
url('/laurencb-webfont.woff') format('woff'),
url('/laurencb-webfont.ttf') format('truetype'),
url('/laurencb-webfont.svg#webfontaaFhOfws') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontinSansRegular';
src: url('/fontin_sans_r_45b-webfont.eot');
src: local('☺'),
url('/fontin_sans_r_45b-webfont.woff') format('woff'),
url('/fontin_sans_r_45b-webfont.ttf') format('truetype'),
url('/fontin_sans_r_45b-webfont.svg#webfontKJHTwWCi') format('svg');
font-weight: normal;
font-style: normal;
}