CSS font-family egenskap

Definition och användning

font-family specificerar elementets teckensnittsserie.

font-family kan använda flera teckensnittsnamn som en "fallback"-system. Om webbläsaren inte stöder det första teckensnittet, kommer den att försöka nästa. Detta innebär att värdet för font-family-attributet är en prioriterad lista över teckensnitts- eller klassnamn för ett visst element. Webbläsaren kommer att använda det första värde som den kan känna igen.

Det finns två typer av teckensnittsseries namn:

  • Specificerade serie namn: specifika teckensnitts namn, t.ex. "times", "courier", "arial".
  • Vanliga teckensnittsnamn: t.ex. "serif", "sans-serif", "cursive", "fantasy", "monospace"

Tips:Delad med kommatecken och ge alltid ett klassnamn som sista alternativet.

Observera:Att använda en specifik teckensnittsserie (Geneva) beror helt på om denna teckensnittsserie är tillgänglig på användarens dator; denna egenskap indikerar inte någon nedladdning av teckensnitt. Därför rekommenderas det starkt att använda ett generellt teckensnittsnamn som en säkerhetsåtgärd.

Se också:

CSS-tutorial:CSS teckensnitt

CSS-referencehandboken:CSS font egenskap

HTML DOM-referencehandboken:font-attribut

Exempel

Ställ in typsnitt för stycken:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
  • family-name
  • generic-family

En prioriterad lista över namn på teckensnitts- eller klassnamn för en viss element.

Standardvärde: beror på webbläsaren.
inherit Det specificeras att teckensnittsserien bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arvsförmåga: ja
Version: CSS1
JavaScript-syntax: object.style.fontFamily="arial,sans-serif"

TIY-exempel

Ställ in texttypsnitt
Detta exempel visar hur du ställer in texttypsnitt.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5