chevron-left chevron-right

[CSS][JS] Metody dodawania ładnych czcionek na stronę

Typeface

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.

Implementacja 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="js/sifr.js" type="text/javascript"></script>
		<script src="js/sifr-config.js" type="text/javascript"></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.

Zalety 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

Typeface - 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.