font-familyĪpašums definē fontu, kas ir piemērots izvēlētajam elementam. Atlasītais fonts nav viena fonta seja, bet gan “ģimene”, un, lai izvēlētos pareizo seju ģimenes lokā, tas var būt atkarīgs no citām tipogrāfisko rekvizītu vērtībām.
body ( font-family: Arial, Helvetica, sans-serif; )Vērtība var būt viena no šīm:
- Fontu saimes nosaukums, kas atbilst lappusē iegultam vai lietotāja sistēmā pieejamai fontam.
- Ģimenes vārdu sērija, atdalīta ar komatiem, kas var ietvert vispārēju ģimenes vārdu
Ja tiek izmantoti vairāki ģimeņu vārdi, pārlūks izvēlas pirmo, kuru tā atradīs iegultu lapā, izmantojot @font-facevai instalējot lietotāja operētājsistēmā.
Jo font-familynav īpašas noklusējuma vai sākotnējās vērtības; sākotnējā vērtība vienmēr ir atkarīga no pārlūkprogrammas un / vai operētājsistēmas.
Vispārējie ģimenes vārdi
Ja vienai deklarācijai tiek izmantotas vairākas vērtības, ieteicams, lai vispārējā saime būtu pēdējā kā rezerves, lai nodrošinātu vislabāko tipogrāfisko pieredzi:
code ( font-family: Courier, Monaco, monospace; )Iepriekš minētajā piemērā “Courier” un “Monaco” ir reālu fontu reāli ģimenes nosaukumi, turpretim “monospace” ir tikai vispārīga atsauce uz jebkuru fontu, kas instalēts lietotāja sistēmā ar vienvietīgu fontu.
Ja pirmie divi nav atrasti instalēti, pārlūkprogramma izvēlēsies labāko variantu, bet tikai no monospace fontiem. Bez vispārējās saimes fonts noklusējuma iestatījumā ir tāds, kāds ir noklusējuma fonts lietotāja sistēmā (iespējams, serif vai sans-serif), kas būtu nevēlami.
Generic uzvārdi ietver serif, sans-serif, cursive, fantasy, un monospace.
Ja ģimenes vārds sakrīt ar sugas ģimenes vārdu, ģimenes vārds ir jācitē, lai norādītu, ka tas nav sugas vārds.
Vairāku vārdu ģimenes vārdi
Ja ģimenes vārds satur vairākus vārdus, atdalot tos ar atstarpēm, ieteicams ģimenes vārdu uzskaitīt pēdiņās (viens vai dubultā):
code ( font-family: "Times New Roman", Georgia, serif; )Tas ne vienmēr ir nepieciešams, taču parasti ir drošāk iekļaut pēdiņas jebkuram ģimenes vārdam, kurā ir atstarpes vai īpašas rakstzīmes.
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Darbi | Darbi | Darbi | Darbi | Darbi | Darbi | Darbi |