poniedziałek, 11 października 2010

Strony internetowe: formatowanie treści - font-family

Na moim blogu powstały już dwa artykuły dotyczące formatowania treści na stronie internetowej przy użyciu styli CSS. Dla przypomnienia, w poprzednich
wpisach szczegółowo objaśniłem takie style jak text-align i color. W dzisiejszym tutorialu zajmiemy się stylem font-family. Do czego służy ten styl CSS? Wykorzystujemy go podczas ustalania w arkuszu stylów rodzajów fontów dla treści prezentowanych przez przeglądarkę internetową. Styl ten działa w następujący sposób, definiujemy rodzinę czcionek, gdzie pierwsza z nich w kolejności od lewej jest fontem przez nas najbardziej preferowanym, jeżeli użytkownik nie ma zainstalowanej tej czcionki w swoim systemie operacyjnym to na stronie internetowej pojawi s się drugi zdefiniowany font itd. Styl font-family możemy  ustalić w arkuszu stylów taki sam dla wszystkich treści na stronie lub dla poszczególnych akapitów i słów.

Oto przykład zastosowania na stronie internetowej stylu CSS font-family:

Kod źródłowy:


Podgląd:
Lubię projektować i tworzyć strony internetowe.

W kolejnych tutorialach przećwiczymy dotychczasowo opisane style, czyli text-align, color i font-family oraz poznamy nowe style formatujące teksty na stronie internetowej.

Brak komentarzy:

Prześlij komentarz