Mam problem ze świetną czcionką, która jest dołączona do witryny Wordpress. W Firefoksie i IE ikony nie będą się wyświetlać, jednak w Chrome i Safari działa dobrze.

Znalazłem „rozwiązania”, które mówią, że potrzebuję .htaccess z pewną zawartością, aby zapewnić wsparcie dla tych przeglądarek, jednak jeśli użyję tego podejścia, Safari i Chrome nagle mają problemy, a Firefox i IE nadal nie działają.

Czy ktoś ma jakieś dalsze pomysły?

Oto komunikat o błędzie wydany przez dziennik błędów devfox podczas ładowania mojej strony:

Fehler: czcionka do pobrania: pobieranie nie powiodło się (czcionka-rodzina: styl „icomoon”: normalna waga: normalny rozciąg: normalny indeks src: 2): niedozwolony identyfikator URI lub dostęp krzyżowy niedozwolone źródło:http://mysite.de/wp-content/themes/heat/fonts/icomoon/icomoon.woff Quelldatei:http://mysite.de/wp-content/themes/heat/style.css Zeile: 0 Quelltext: @ font-face {font-family: "icomoon"; styl czcionki: normalny; waga czcionki: normalna; src: url (format „fonts / icomoon / icomoon.eot? #iefix”) („embedded-opentype”), url („fonts / icomoon / icomoon.svg # icomoon”) format („svg”), url („ fonts / icomoon / icomoon.woff ") format (" woff "), format url (" fonts / icomoon / icomoon.ttf ") (" truetype "); }

Dzięki za pomoc!

P.S. Nawiasem mówiąc, ikony na fantastycznej stronie czcionki działają dobrze w FF.

AKTUALIZACJA *

ok po przeczytaniu wielu postów na forum na ten temat doszedłem do następującego wniosku: większość ludzi ma ten problem, ponieważ ładują swoje czcionki z zewnętrznego serwera. dodając kod .htaccess, aby FF mógł to zrobić, rozwiązują swój problem. teraz, ponieważ ładuję moje czcionki z własnego serwera, podejście .htaccess mi nie pomogło. tym, co pozbyło się komunikatu o błędzie pokazanego powyżej, była zmiana ścieżki do czcionki w css ze ścieżki względnej na bezwzględną. teraz zabawne jest to, że komunikat o błędzie nie pojawia się już podczas ładowania strony, ale ikony też nie! wciąż bez zmian, ale bez komunikatu o błędzie. Jestem zmieszany!

AKTUALIZACJA 2 *

Znalazłem poprawkę -

Po zmianie wszystkich ścieżek w css z względnego na absolutny (tj. Www.mysite.de/fonts / ... zamiast just / fonts / ...) ORAZ dodaniu pliku .htaccess zawierającego następujące wiersze:

<FilesMatch ".(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

do katalogu / fonts wszystko działa poprawnie w Firefox, Chrome i Safari. Nie miałem jeszcze okazji sprawdzić IE, ale wygląda na to, że to był problem.

Mam nadzieję, że ktoś, kto wpadnie na te same problemy, otrzyma od tego pomoc.