2013-06-08 3 views
9

Sto cercando di usare i CSS @ font-face in meteora, ma per qualche ragione non funziona:usando font-face in meteora?

@font-face { 
    font-family: printFailed; 
    src: 
    url("../public/fonts/wlm_print_failed.ttf"), 
    url("../public/fonts/wlm_print_failed.eot"); 
} 

ho controllato i miei percorsi e ortografia.

Quando controllo l'elemento nel browser, sembra che i percorsi e i nomi dei file siano corretti, ma che il browser sostituisca un carattere generico anziché il carattere personalizzato desiderato.

Eventuali suggerimenti? Grazie.

risposta

25

Basta usare / come tutto in public diventa la directory principale dal punto di vista del browser web:

@font-face { 
    font-family: printFailed; 
    src: 
    url("/fonts/wlm_print_failed.ttf"), 
    url("/fonts/wlm_print_failed.eot"); 
} 
+0

Grazie, ho potuto giurare ho provato ieri e non ha funzionato ... ma provato ora per il tuo frammento di codice e funziona benissimo. Grazie. – shongololo

+0

funziona localmente su Meteor, ma non riesce sulla distribuzione Galaxy. In realtà, funziona su Galaxy da un browser desktop/laptop, ma non su Galaxy dal cellulare. Weird huh – Jan

+1

Avere le regole '@ font-face' in un file Sass parziale o in un file Sass non ha funzionato per me. Ho dovuto inserire le regole in un file css all'interno di '/ public/fonts' e collegarle in un tag' link' in un file chiamato '/ client/main_head.html'; quel file ha solo un tag 'head' e il tag' link' dentro (Meteor carica il file con 'head' nel nome prima). –