2012-06-21 35 views
7

Problem z Fontem nie jest pewien, dlaczego ładuje się do Chrome, ale w Firefoksie wygląda na to, że nie jest załadowany.Czcionka nie ładuje się w Firefoxie, ale działa w chrome

Oto example

góry dzięki

+2

może być pomocne dla Ciebie http://www.fontsquirrel.com/blog/2010/11/ rozwiązywanie problemów-problemy-czcionka – agriboz

+0

skrzypce działa dobrze w Chrome, to znaczy, kod jest w porządku – khurram

+0

możliwy duplikat http://stackoverflow.com/questions/2856502/css-font-face-not-working-with-firefox-but -working-with-chrome-and-ie –

Odpowiedz

2

myślę Firefox obsługuje tylko TrueType/OpenType TT(.ttf) i OpenType PS (.otf).

Spójrz na this table.

EDYCJA: Twoja odpowiedź jest dla mnie satysfakcjonująca: here.

1

Firefox zaakceptuje tylko względną ścieżkę do czcionek. Jeśli chcesz użyć innej domeny gospodarzem czcionkę niż to, w którym strona znajduje, trzeba postępować Mozilli HTTP access control polityki:

Ten cross-pochodzenie standardowy podział służy do włączania żądań HTTP cross-site dla:

[...]

Web Fonts (dla ulic czcionki cross-domain w @ font-face w CSS

1

W Firefox (Gecko) web fonts podlegają tym samym ograniczeniom domeny (pliki czcionek muszą być w tej samej domenie co strona użyciu im), chyba że kontrola dostępu HTTP są używane do wypoczynku to ograniczenie.

Uwaga: Ponieważ nie ma zdefiniowanych typów MIME dla czcionek TrueType, OpenType i Web Open File Format (WOFF), typ MIME określonego pliku nie jest brany pod uwagę.

2

zapisać czcionkę w tym samym katalogu i zastosowanie tak to będzie działać mam sprawdzić w moim firefox 12,0

@font-face 
{ 
    font-family: 'Play'; 
    src: url('play.ttf'); 
} 
.font 
{ 
    font-family: "play"; 
    font-size: 20px; 
} 

<p class="font">TESTING</p> 
0

miałem dokładnie ten sam problem kilka tygodni temu.

wszystko zrobiłem było dodać local('*Name of Font*) tak, że przeglądarka będzie szukać czcionki

Firefox jest dziwne. Zauważyłem, że podczas tworzenia lokalnych serwerów spróbuje załadować czcionkę z zestawów czcionek instalacyjnych, zanim spróbuje rzeczywiście wyszukać czcionkę src w podanej ścieżce.

To, co było lokalne, pomoże mu polecić wyszukiwanie w lokalnych zestawach czcionek.

0

Używasz:

<base href="http://www.site.com/" /> 

Jeśli tak, zmień go na:

<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" /> 
Powiązane problemy