Skip to main content

Znacznik czcionki versus Kaskadowe arkusze stylów (CSS)

CSS3 - Reguła @font-face (osadzanie niestandardowej czcionki na stronie) (Czerwiec 2026)

CSS3 - Reguła @font-face (osadzanie niestandardowej czcionki na stronie) (Czerwiec 2026)
Anonim

Czy spojrzałeś na bardzo starą stronę i zobaczyłeś nietypowy tag wewnątrz HTML? Wiele lat temu projektanci stron internetowych ustawiali czcionki swoich stron internetowych w samym kodzie HTML, ale rozdział struktury (HTML) i stylu (CSS) odszedł od tej praktyki jakiś czas temu.

W dzisiejszym projektowaniu stron internetowych tag został wycofany. Oznacza to, że tag nie jest już częścią specyfikacji HTML. Chociaż niektóre przeglądarki nadal obsługują ten tag po jego wycofaniu, nie jest on już w ogóle obsługiwany w HTML5, który jest najnowszą iteracją języka. Oznacza to, że tag nie powinien już być znaleziony w dokumentach HTML.

Alternatywa do znacznika czcionki

Jeśli nie możesz ustawić czcionki tekstu na stronie HTML z tagiem, czego powinieneś używać? Kaskadowe arkusze stylów (CSS) to sposób ustawiania stylów czcionek (i wszystkich stylów wizualnych) na stronach internetowych. CSS może robić te same rzeczy, które tag może zrobić, a także znacznie więcej. Zbadajmy, co może zrobić tag, gdy jest to opcja dla naszych stron HTML (pamiętaj, że nie jest już w ogóle obsługiwana, więc nie jest to opcja) i porównaj, jak to zrobić z CSS.

Zmiana rodziny czcionek

Czcionka jest twarzą lub rodziną czcionki. Za pomocą znacznika czcionki można użyć atrybutu "twarz" i trzeba go umieścić w dokumencie wiele, wiele razy, aby ustawić poszczególne czcionki dla każdej sekcji tekstu. Jeśli musisz zmienić tę czcionkę, musisz zmienić każdy z tych tagów. Na przykład:

ta czcionka nie jest sans-serif

W CSS zamiast czcionki "face" nazywa się ją czcionką "family". Piszesz styl CSS, który ustawiłby czcionkę. Na przykład, jeśli chcesz ustawić cały tekst na stronie Garamond, możesz dodać ten styl wizualny w ten sposób:

body {font-family: Garamond, Times, szeryf; }

Ten styl CSS zastosowałby rodzinę czcionek Garamond do wszystkiego na stronie, ponieważ każdy element w dokumencie jest potomkiem

Zmiana koloru czcionki

Podobnie jak w przypadku twarzy, można użyć atrybutu "kolor" i kodów szesnastkowych lub nazw kolorów, aby zmienić kolor tekstu. Wiele lat temu ustawiasz to również indywidualnie na elementach tekstowych, takich jak tag nagłówka.

ta czcionka jest fioletowa

Dzisiaj wystarczy napisać wiersz CSS.

To jest o wiele bardziej elastyczne. Jeśli potrzebujesz zmienić

na każdej stronie witryny można wprowadzić jedną zmianę w pliku CSS, a każda strona korzystająca z tego pliku zostanie zaktualizowana.

Wyjść ze starym

Używanie CSS do dyktowania stylów wizualnych było standardem dla projektanta stron internetowych przez wiele lat, więc jeśli rzeczywiście patrzysz na stronę, która wciąż używa tagu, to jest to bardzo stara strona i musi zostać przebudowana, aby dostosować się do obecnej sieci opracowywanie najlepszych praktyk i nowoczesnych standardów internetowych.

Edytowane przez Jeremy'ego Girarda