[CSS][JS] Metody dodawania ładnych czcionek na stronę
Ten wpis ma 15 lat. Od tego czasu przeglądarki i narzędzia mogły się zmienić, więc zanim użyjesz kodu, sprawdź go z aktualną dokumentacją.
Sekcja 1Typeface
Ta metoda jest oparta tylko i wyłącznie na JavaScript, dlatego wymagane jest aby użytkownik miał włączoną obsługę tego języka. Obsługa tej metody jest zdecydowania łatwiejsza niż w przypadku metody sIFR.
Sekcja 1.1Implementacja kodu na stronie WWW
Pliki potrzebne do stosowania tej metody można pobrać stąd. Następnie należy przygotować plik z czcionką. Możemy to zrobić za pomocą generatora.
Do kodu strony HTML należy wpisać następujący kod w sekcji head:
<script src="typeface.js"></script> <script src="czcionka.typeface.js"></script> |
Następnie, do każdego elementu, którego czcionka ma być zastąpiona przez czcionkę "embedowaną" należy dodać klasę typeface-js. Dzięki temu skrypt będzie wiedział, które elementy należy wziąć do obróbki.
Sekcja 1.2Zalety i wady
Zalety
- można zaznaczać tekst
- do działania nie wymaga obsługi Flash
- prosty w implementacji
Wady
- powinien być stosowany tylko i wyłącznie do nagłówków
- użycie go w treści spowoduje duży spadek prędkości ładowania się strony
- ciężki plik JS z czcionką, który należy dodać, aby strona się dobrze załadowała
- konieczność stosowania stylów wewnątrz znaczników HTML
- brak obsługi wielu czcionek na raz
- brak obsługi pseudoklas CSS takich jak :hover, :focus, itp, itd.
- nieprawidłowe działanie z niektórymi czcionkami
Sekcja 1.3Typeface - podsumowanie
Jak widać, jest to również użyteczna metoda, ale z powodu wielu różnych problemów czy braku pełnej obsługi CSS, może się okazać zupełnie nieprzydatna w porównaniu do innych metod.
Jest obsługiwana w większości przeglądarek oprócz Opery.
O autorze
