CSS

Font-family

  • 2006-08-23 12:19
  • 0 komentarzy
  • 3323 odsłony
  • Oceń ten tekst jako pierwszy
font-family - definiuje rodzaj czcionki elementu.

Wartość można zdefiniować w postaci nazwy czcionki:

body { font-family: Verdana, Arial, Helvetica }


Czcionki wymienione po przecinku to czcionki alternatywne. Jeśli przeglądarka nie znajdzie w systemie pierwszej na liście czcionki, spróbuje zastosować następną. Wymienienie w tym miejscu kilku podobnych czcionek zwiększa szanse ze strona będzie wyglądała tak jak powinna.

jeśli w nazwie czcionki występują spacje należy wziąć ją w cudzysłów

body { font-family: "Times new Roman" }


Drugim, bardziej ogólnym, sposobem określenia rodzaju czcionki jest użycie nazwy rodziny do jakiej czcionka należy. Rodziny czionek są zdefiniowane:

  • serif - krój szeryfowy, posiadające drobne zdobienia na brzegach literek (np Times)
  • sans-serif - krój bez szeryfowy, proste czcionki nie zdobione "serifami", słowo "sans" znaczy po francusku "bez" (np Helvetica)
  • cursive - czcionki imitujące pismo ręczne (np Zapf-Chancery)
  • fantasy - krój fantazyjny (?) (np Western)
  • monospace - krój o stałej szerokości znaku (np Courier)

body { font-family: monospace }


Zalecane jest, by po wymienieniu wszystkich alternatywnych czcionek, na końcu zostawić wpis ogólnej rodziny krojów pisma, co spowoduje wybranie najbardziej odpowiedniego w sytuacji gdy żadna czcionka podana w normalny sposób nie jest dostępna. Bez okreslenia rodziny wstawiona by została domyślna czcionka przeglądarki, która nie zawsze musi pasować do koncepcji wyglądu elementu.

code { font-family: "Lucida Console", "Courier New", monospace; }

Polecenia pokrewne


Odpowiednik html


Wersja specyfikacji


Wsparcie przeglądarek


  • Opera 3.5
  • Internet Explorer 4