CSS font-family egenskab

Definition og brug

font-family definerer elementets skrifttypefamilie.

font-family kan bruge flere skrifttype navne som en "tilbagetrækningssystem" for at gemme. Hvis browseren ikke understøtter den første skrifttype, vil den prøve den næste. Det vil sige, at værdien af font-family egenskaben er en prioriteret liste over skrifttypefamilienavne eller/og klassenavne for et element. Browseren vil bruge den første værdi, den kan genkende.

Der er to typer af skrifttypefamilienavne:

  • Specificerede serie navne: specifikke skrifttyper navne, f.eks. "times", "courier", "arial".
  • Normalt skrifttypefamilienavn: f.eks. "serif", "sans-serif", "cursive", "fantasy", "monospace"

Tip:Adskil hver værdi med komma og tilbyd altid en klassenavn som sidste valg.

Bemærk:Brug af en bestemt skrifttypefamilie (Geneva) afhænger af, om denne skrifttypefamilie er tilgængelig på brugerens maskine; denne egenskab indikerer ingen nedlasting af skrifttyper. Derfor anbefales det kraftigt at bruge et generisk skrifttypefamilienavn som en sikkerhedskopi.

Se også:

CSS Tutorial:CSS Skrift

CSS Reference Manual:CSS font egenskab

HTML DOM Reference Manual:font-egenskab

Eksempel

Indstil font til afsnit:

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

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
  • family-name
  • generic-family

En prioriteret liste over skrifttypefamilienavne eller/og klassenavne for en bestemt element.

Standardværdi: afhænger af browseren.
inherit Definerer, at skrifttypen skal arves fra forældreelementet.

Teknisk detalje

Standardværdi: ikke specificeret
Arv: ja
Version: CSS1
JavaScript-syntaks: object.style.fontFamily="arial,sans-serif"

TIY Eksempel

Indstil teksts font
Dette eksempel viser, hvordan du indstiller tekstfont.

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter egenskaben.

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