Jak używać CSS do zmiany czcionek na stronach internetowych

Poniższe zrzuty ekranu dotyczą środowiska kodu JSFiddle.net, ale opisane koncepcje są prawdziwe bez względu na to, gdzie kod jest zaimplementowany.

Znajdź tekst, w którym chcesz zmienić czcionkę. Użyjemy tego jako przykładu:

W atrybucie stylu zmień czcionkę za pomocą rodzina czcionek styl.

Zapisz zmiany, aby zobaczyć efekty.

Najlepszym podejściem jest zawsze mieć co najmniej dwie czcionki w swoim stos czcionek (lista czcionek), więc jeśli przeglądarka nie ma pierwszej czcionki, może zamiast niej użyć drugiej czcionki.

W powyższym przykładzie zastosowano stylizację inline, ale najlepiej rodzaj stylizacji używa an zewnętrzny arkusz stylów modyfikować więcej niż tylko jeden element. Użyj klasy, aby ustawić styl na blokach tekstu.

Zawsze kończ style CSS średnikiem (;). Nie jest to wymagane, gdy istnieje tylko jeden styl, ale to dobry nawyk na początek.