2013-06-08 11 views
9

Próbuję użyć CSS @ font-face w meteor, ale z jakiegoś powodu nie działa:używając font-face w meteodzie?

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

Sprawdziłem moje ścieżki i pisowni.

Kiedy sprawdzam element w przeglądarce, wydaje się, że ścieżki do plików i nazwy są poprawne, ale przeglądarka zastępuje czcionkę ogólną zamiast zamierzonej.

Jakieś wskazówki? Dzięki.

Odpowiedz

25

Wystarczy użyć / jak wszystko w public staje się katalogiem z punktu widzenia przeglądarki internetowej:

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

Dzięki, mógłbym przysiąc Próbowałem to wczoraj i to nie działa ... ale wypróbowałem to teraz za fragment kodu i działa świetnie. Dzięki. – shongololo

+0

działa to lokalnie na Meteor, ale kończy się niepowodzeniem w przypadku wdrożenia Galaxy. Właściwie działa na Galaxy z przeglądarki na komputery stacjonarne i przenośne, ale nie na Galaxy z urządzeń mobilnych. Weird huh – Jan

+1

Posiadanie reguł '@ font-face' w częściowym pliku Sass lub pliku Sass nie działa dla mnie. Musiałem umieścić reguły w plikach css wewnątrz '/ public/fonts' i połączyć je w tagu' link' w pliku o nazwie '/ client/main_head.html'; ten plik ma tylko znacznik 'head' i tag' link' wewnątrz (Meteor ładuje plik z 'head' w nazwie jako pierwszą). –