A font-familytulajdonság meghatározza a kijelölt elemre alkalmazott betűtípust. A kiválasztott betűtípus nem egyetlen betűtípus, hanem „család”, és ezért más tipográfiai tulajdonságoktól függ, hogy a családon belül melyik arcot válassza ki.
body ( font-family: Arial, Helvetica, sans-serif; )Az érték a következő lehet:
- Az oldalon beágyazott vagy a felhasználó rendszerében elérhető betűtípussal egyező betűtípus-családnév.
- Vesszővel elválasztott családnevek sorozata, amely tartalmazhat általános családnevet
Több családnév használata esetén a böngésző kiválasztja az elsőt, amelyet beágyazottnak talál az oldalra, @font-facevagy a felhasználó operációs rendszerére telepíti.
Mert font-familynincs külön alapértelmezett vagy a kezdeti érték; a kezdeti érték mindig a böngészőtől és / vagy az operációs rendszertől függ.
Általános családnevek
Ha egy deklarációhoz több értéket használnak, akkor a legjobb tipográfiai élmény biztosítása érdekében ajánlott egy általános családot utólag tartalékként felsorolni:
code ( font-family: Courier, Monaco, monospace; )A fenti példában a „Courier” és a „Monaco” a tényleges betűtípusok valódi családi neve, míg a „monospace” csak általános hivatkozás a felhasználó rendszerébe telepített bármely betűtípusra, amely egyterű.
Ha az első kettő nem található telepítve, a böngésző kiválasztja a legjobb lehetőséget, de csak monospace betűtípusokból. Az általános család nélkül a betűtípus alapértelmezettként a felhasználó rendszerének alapértelmezett betűtípusát választja (valószínűleg serif vagy sans-serif), ami nem lenne kívánatos.
Generic családi nevek közé serif, sans-serif, cursive, fantasy, és monospace.
Ha egy családnév megegyezik egy általános családnévvel, akkor a családnevet idézni kell annak jelzésére, hogy nem általános.
Több szóból álló családnevek
Ha egy családnév több szót tartalmaz szóközökkel elválasztva, akkor ajánlatos a családnevet idézőjelben (egy- vagy kettős) felsorolni:
code ( font-family: "Times New Roman", Georgia, serif; )Ez nem mindig szükséges, de általában biztonságosabb az idézőjelek beillesztése minden olyan családnévbe, amelyben szóköz vagy speciális karakter szerepel.
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Művek | Művek | Művek | Művek | Művek | Művek | Művek |