Proste opcje stylizacji umożliwiają zmianę czcionki (lub typu) strony internetowej za pomocą CSS (Cascading Style Sheets). Możesz ustawić czcionkę poszczególnych słów, konkretnych zdań, nagłówków, całych akapitów, a nawet całych stron tekstu.
Jak zmienić czcionkę za pomocą CSS
Poniżej możesz wyjaśnić zmiany HTML i CSS za pomocą dowolnego edytora HTML lub edytora tekstowego. Możesz skopiować tekst ze strony i wkleić go do edytora, aby wprowadzić tam zmiany lub otworzyć całą stronę internetową w edytorze i bezpośrednio edytować.
-
Zlokalizuj tekst, w którym chcesz zmienić czcionkę. Użyjemy tego jako przykładu:
Ten tekst znajduje się w Arial
-
Otocz tekst za pomocą elementu SPAN:
Ten tekst znajduje się w Arial
-
Dodaj atrybut styl = "" do znacznika span:
Ten tekst znajduje się w Arial
-
W atrybucie stylu zmień czcionkę za pomocą rodzina czcionek styl.
Ten tekst znajduje się w Arial
-
Zapisz zmiany, aby zobaczyć efekty.
Wskazówki dotyczące używania CSS do zmiany czcionki
-
Najlepszym rozwiązaniem jest zawsze mieć co najmniej dwie czcionki w stosie czcionek (lista czcionek), aby w przypadku, gdy przeglądarka nie ma pierwszej czcionki, może użyć drugiej czcionki.
Oddzielne wybory wielu czcionek za pomocą przecinka, na przykład:
rodzina czcionek: Arial, Genewa, Helvetica, sans-serif;
-
Wyjaśniony powyżej przykład wykorzystuje wbudowaną stylizację, ale najlepszy styl używa zewnętrznego arkusza stylów, dzięki czemu możesz wpływać na coś więcej niż tylko jeden element. Możesz użyć klasy, aby ustawić styl na blokach tekstu.
Ten tekst znajduje się w Arial
W tym przykładzie plik CSS do stylu powyższego HTML wygląda następująco:
.arial {font-family: Arial; }
-
Zawsze kończ styl CSS średnikiem (;). Nie jest wymagane, gdy jest tylko jeden styl, ale to dobry nawyk, aby zacząć.
