Jak zamienić znacznik na CSS

Znacznik <font> jest jednym ze znaczników które zostały oznaczone jako deprecated (czyli do usunięcia w przyszłości) w standardzie HTML 4.01. Dlatego też niezwykle istotne jest aby tworząc strony internetowe być w zgodzie ze standardami i zamiast tego znacznika zastosować odpowiadające mu funkcjonalnie elementy kaskadowych arkuszy stylów CSS.

Znacznik <font> pozwalał na ustawienie trzech parametrów tekstu: nazwy używanej czcionki, jej rozmiar i kolor.

Nazwę czcionki ustala się  za pomocą komendy CSS font-family. Komenda ta ma tą zaletę że po dwukropku można podać kilka nazw czcionek, a przeglądarka postara się wybrać pierwszą dostępną z nich. Przykład:

font-family: Verdana, Arial, Helvetica;

Rozmiar czcionki podaje się za pomocą komendy CSS font-size. Po dwukropku można podać pewną predefiniowaną nazwę wielkości (jest ich siedem, podobnie jak rozmiarów czcionek w HTML, ale nie są one równoważne – największy predefiniowany rozmiar czcionki CSS odpowiada w przybliżeniu rozmiarowi 6 w HTML). Poza nazwą wielkości można też podać rozmiar w pikselach, procentach, punktach i kilku innych jednostkach. Odradzam stosowanie pikseli jako jednostki gdyż taki tekst nie da się później powiększyć w przeglądarce – niestety nie każdy ma taki super wzrok jak autor strony który potrafi odczytać nawet tekst o wielkości 4 pikseli ;) . Przykład zastosowania:

font-size: 10pt;

Kolor czcionki można natomiast podać za pomocą komendy CSS color. Po dwukropku można podać nazwę koloru albo jego kod szesnastkowy – tutaj nie ma zmian. Przykład:

color: #0000ff;

Tagi: , ,

Jedna odpowiedź do “Jak zamienić znacznik na CSS”

  1. Bardzo dobry tekst. Bardzo potrzebny !
    W pisanie stron www bawię się od niedawna. Mój pierwszy projekt powstał bez wiedzy o wersjach (x)html. Potem zauważyłem, że jest coś takiego jak wersje i walidacja. Na początku dociągnąłem do html 4.1 transitive (na starcie – ale zdziwo – miałem setki błędów na dobrze wyświetlającej się stronie). Po lekturze Pana tekstu postanowiłem przeskoczyć na „strict”.
    Pozdrawiam, Leszek Piwowarski.

Dodaj odpowiedź

Proszę pozostawić te dwa pola tak jak są: