Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Właściwość CSS font-family

Definicja stylu, przeznaczenie i użycie font-family

Styl definiuje rodzaj oraz rodzinę czcionki. Właściwość font-family określa czcionkę elementu.

Właściwość font-family może zawierać kilka nazw czcionek. Jeśli przeglądarka nie obsługuje pierwszej czcionki, spróbuje użyć następnej czcionki.

Istnieją dwa typy nazw font-family:

  • family-name - nazwa rodziny czcionek, np. "Courier", "Times", "Arial" itp.
  • generic-family - nazwa rodziny rodzajowej, np. "serif", "sans-serif", "monospace", "cursive", "fantasy".

Na początku ustaw wybraną czcionkę. Zawsze kończ na rodzinie ogólnej, aby przeglądarka mogła wybrać podobną czcionkę z rodziny ogólnej, jeśli inne czcionki nie są dostępne.

Uwaga: oddziel każdą wartość przecinkiem.

Uwaga: jeśli nazwa czcionki zawiera spacje, musi być umieszczona w cudzysłowie. W przypadku używania atrybutu „style” w kodzie HTML należy używać pojedynczych cudzysłowów.

Wartości właściwości font-family

Wartość Opis
family-name
generic-family
Priorytetowa lista nazw rodzin czcionek i / lub nazw ogólnych.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS font-family

font-family: family-name | generic-family | initial | inherit;

Wsparcie przeglądarek dla właściwości font-family

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
font-family 1.0 4.0 1.0 1.0 3.5

 

Przykładowe zastosowania właściwości font-family

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
font-family:

 
Rezultat:

Wypróbuj różne czcionki!

Wypróbuj różne czcionki, klikając przyciski opcji.

Kod CSS:
div {
    font-family:Georgia;
}
 

 

Przykłady właściwości font-family

font-family: "Times New Roman", Times, serif;

font-family: Arial, Helvetica, sans-serif;

font-family: Verdana, Arial, Helvetica, sans-serif;

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.

 

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.

 

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Obszar działalności
Tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel.: +48 780 060 995, pon. - czw. 8:00 - 16:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności

Marynarska 54, 59-220 Legnica,, dolnośląskie, Polska,
tel.: +48 780 060 995,
pon. - czw. 8:00 - 16:00