Jeśli jednak chcesz obsługiwać szeroką gamę nowoczesnych przeglądarek , zalecamy przełączenie na typy czcionek WOFFi TTF. WOFFTyp jest implementowany przez każdą większą przeglądarkę stacjonarną, podczas gdy TTFtyp jest rezerwowy dla starszych przeglądarek Safari, Android i iOS. Jeśli twoja czcionka jest czcionką bezpłatną, możesz ją przekonwertować za pomocą na przykład konwertera online .
Jeśli chcesz obsługiwać prawie każdą przeglądarkę, która wciąż tam jest (nie jest już konieczne IMHO), powinieneś dodać więcej typów czcionek, takich jak:
Możesz przeczytać więcej o tym, dlaczego wszystkie te typy są wdrażane i ich włamania tutaj . Aby uzyskać szczegółowy widok typów plików obsługiwanych przez przeglądarki, zobacz:
Działa idealnie dobrze w prawie wszystkich przeglądarkach ... Jedyną przeglądarką, która nie działała, jest FireFox Linux ... Masz jakieś sugestie?
Naruto
3
Pamiętaj, że jeśli hostujesz to na serwerze Windows, musisz dodać typ pliku .otf jako prawidłowy i obsługiwany typ pliku. Jedynym sposobem, aby przekonać się, że jest to problem, jest kliknięcie linku do czcionki (błąd 404, jeśli tak). Możesz tymczasowo zmienić nazwę na .ttf lub nawet .html w celu przetestowania. Jedynymi czcionkami internetowymi obsługiwanymi przez IE jest format WOFF. (Nie, nigdy też o tym nie słyszałem!)
Henrik Erlandsson
Hej, a co z wydajnością tego typu czcionek? Czy to jest dobre? Czy inny jest lepszy?
Działa to w różnych przeglądarkach z .ttf, wierzę, że może współpracować z .otf. ( Wikipedia twierdzi, że .otf jest głównie wstecznie kompatybilny z .ttf) Jeśli nie, możesz przekonwertować .otf na .ttf
Odpowiedzi:
Możesz zaimplementować
OTF
czcionkę za pomocą @ font-face, takiego jak:Jeśli jednak chcesz obsługiwać szeroką gamę nowoczesnych przeglądarek , zalecamy przełączenie na typy czcionek
WOFF
iTTF
.WOFF
Typ jest implementowany przez każdą większą przeglądarkę stacjonarną, podczas gdyTTF
typ jest rezerwowy dla starszych przeglądarek Safari, Android i iOS. Jeśli twoja czcionka jest czcionką bezpłatną, możesz ją przekonwertować za pomocą na przykład konwertera online .Jeśli chcesz obsługiwać prawie każdą przeglądarkę, która wciąż tam jest (nie jest już konieczne IMHO), powinieneś dodać więcej typów czcionek, takich jak:
Możesz przeczytać więcej o tym, dlaczego wszystkie te typy są wdrażane i ich włamania tutaj . Aby uzyskać szczegółowy widok typów plików obsługiwanych przez przeglądarki, zobacz:
@ Font-face Wsparcie przeglądarki
Obsługa przeglądarki EOT
Obsługa przeglądarki WOFF
Obsługa przeglądarki TTF
Obsługa przeglądarki SVG-Fonts
mam nadzieję że to pomoże
źródło
"
w przykładach kodu brakuje cudzysłowów ( )?Z przykładów katalogu czcionek Google :
Działa to w różnych przeglądarkach z .ttf, wierzę, że może współpracować z .otf. ( Wikipedia twierdzi, że .otf jest głównie wstecznie kompatybilny z .ttf) Jeśli nie, możesz przekonwertować .otf na .ttf
Oto kilka dobrych stron:
Dobry podkład:
http://www.alistapart.com/articles/cssatten
Inne informacje:
http://randsco.com/index.php/2009/07/04/p680
źródło