Czcionki w (X)HTML.

Modyfikacja: 2009-07-24

Wyróżniamy trzy podstawowe rodziny czcionek:

  1. serif
  2. sans-serif
  3. cursive
  4. fantasy
  5. monospace

Każda rodzina czcionek ma przypisanych członków, którzy są ściśle powiązani z ich charakterystycznym wyglądem. Informacje o czcionce dotyczące strony (X)HTML należy dodawać w plikach CSS. Definicja ustawienia czcionek dla strony www może wyglądać następująco:

body{ font-family: Times New Roman, Bodoni, Garamond, serif; }

Tekst umieszczony na stronie będzie wyświetlany przy użyciu czcionki Times New Roman, jeżeli nie będzie możliwe odnalezienie w systemie tej czcionki zostanie użyta kolejna (Bodoni, Garamond), jeżeli nie będzie możliwe użycie żadnej czcionki z "zasugerowanych" przez webmastera, zostanie użyta czcionka dostępna z rodziny serif.

Poniżej znajdziesz tabelę z przykładowymi czcionkami z podziałem na rodziny. Niektóre czcionki w twoim systemie mogą nie zostać odnalezione, dlatego użyłem składni np. czcionka Bodoni z rodziny serif: font-family: Bodoni, serif - zapewnia to wyświetlenie dostępnej czcionki z rodziny (jeżeli taka będzie :-). Analogicznie postąpiłem z każdą przykładową czcionką ;-)

Rodzaj czcionki Przykład czcionki Polskie znaki

serif

Latin fonts
Times New Roman
Bodoni
Garamond
Minion Web
ITC Stone Serif
MS Georgia
Bitstream Cyberbit
Greek fonts
Bitstream Cyberbit
Cyrillic fonts
Adobe Minion Cyrillic
Excelcior Cyrillic Upright
Monotype Albion 70
Bitstream Cyberbit
ER Bukinst
Hebrew fonts
New Peninim
Raanana
Bitstream Cyberbit
Japanese fonts
Ryumin Light-KL
Kyokasho ICA
Futo Min A101
Arabic fonts
Bitstream Cyberbit
Cherokee fonts
Lo Cicero Cherokee

sans-serif

Latin fonts
MS Trebuchet
ITC Avant Garde Gothic
MS Arial
MS Verdana
Univers
Futura
ITC Stone Sans
Gill Sans
Akzidenz Grotesk
Helvetica
Greek fonts
Attika
Typiko New Era
MS Tahoma
Monotype Gill Sans 571
Helvetica Greek
Cyrillic fonts
Helvetica Cyrillic
ER Univers
Lucida Sans Unicode
Bastion
Hebrew fonts
Arial Hebrew
MS Tahoma
Japanese fonts
Shin Go
Heisei Kaku Gothic W5
Arabic fonts
MS Tahoma

cursive

Latin fonts
Caflisch Script
Adobe Poetica
Sanvito
Ex Ponto
Snell Roundhand
Zapf-Chancery
Cyrillic fonts
ER Architekt
Hebrew fonts
Corsiva
Arabic fonts
DecoType Naskh
Monotype Urdu 507

fantasy

Latin fonts
Alpha Geometrique
Critter
Cottonwood
FB Reactor
Studz

monospace

Latin fonts
Courier
MS Courier New
Prestige
Everson Mono
Greek Fonts
MS Courier New
Everson Mono
Cyrillic fonts
ER Kurier
Everson Mono
Japanese fonts
Osaka Monospaced
Cherokee fonts
Everson Mono