Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

font-family

OPIS

Styl definiuje rodzaj oraz rodzinę czcionek. Można podać tylko nazwę, tylko rodzinę, albo jedno i drugie, co jest rozwiązaniem najlepszym. W przypadku gdy wskazanej czcionki nie ma w systemie, na stronie pojawi się czcionka podobna z podanej rodziny.

WARTOŚCI

• nazwa - CSS: 2.1, 2.0, 1.0

rodzaj czcionki, np. font-family: Arial;

• serif | sans-serif | cursive | fantasy | monospace - CSS: 2.1, 2.0, 1.0

rodzina czcionki, np. font-family: sans-serif;

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. font-family: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak
• odpowiednik HTML: face

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

Przykładowy tekst, w którym 
<span style="font-family: Verdana, Arial, Helvetica, sans-serif;">
część wyrazów napisana jest inną czcionką</span>. 
A teraz znowu zwykły tekst.

Przykładowy tekst, w którym część wyrazów napisana jest inną czcionką. A teraz znowu zwykły tekst.

• Przykład 2:

<style type="text/css"><!--
body { font-family: verdana, arial, helvetica, sans-serif; }
.cour { font-family: courier; }
--></style>