Font-család css-ben, órák, webreferencia

A CSS számos betűtípus tulajdonságot kínál. közvetlenül befolyásolva a szöveg megjelenítését. A betűtípus-család tulajdonság meghatározza, hogy melyik betűtípust használja.

Általános Betűtípusok Családok

A betűtípusok öt általános családba vannak csoportosítva:

  • serif - a karakterek végén kis vonalak vannak csatolva;
  • talpatlan;
  • fix szélességű;
  • kurzívak;
  • fantázia.

kurzív és fantázia soha nem használják.

Mivel a betűtípus-család tulajdonságait a HTML minden gyermek örökölte, a HTML-dokumentumhoz egy betűtípust alkalmazhat, felhasználva az összes HTML elem elődjére: az elem .

Ezzel a CSS szabálysal a weboldal a sans-serif betűtípust fogja használni. amelyet a felhasználó a beállításaiban meghatároz.

Megbízható betűkészletek

A generikus betűtípus-családnevek használatának problémája, hogy a weblap tervezése a felhasználó által beállított betűtípuson alapul. De valószínűleg azt szeretné, hogy az Ön weblapja minden számítógépen megegyezzen, és meghatározza a használni kívánt betűtípust. Ehhez csak adja meg a betűtípus nevét.

A weboldal az Arial használatát fogja tartalmazni, feltéve, hogy a számítógépén telepítve van. Ha az Arial betűtípus nem érhető el, a böngésző az alapértelmezett serif betűtípust fogja használni (általában a Times New Roman használta).

Az Arial biztonságos választás, ha csak azért van, mert minden Windows és Mac számítógépre, valamint a legtöbb Linux rendszerre telepítve van. Ezért az Arial megbízható webes betűtípusnak számít: biztonságosan használhatja a CSS-ben, és szinte biztos benne, hogy a felhasználó számítógépén lévő betűtípus telepítve lesz.

Kilenc megbízható webes betűtípus létezik:

  • Arial
  • Arial fekete
  • Comic Sans MS
  • Courier Új
  • Grúzia
  • hatás
  • Times New Roman
  • Trebuchet MS
  • Verdana

Betűtípuslista alkalmazása

Bár ezeknek az értékeknek a használata a betűkészlet-család tulajdonsága számára biztonságos választás, a fontossági értékeket meghatározhatja a betűtípus-családok listájának megadásával:

Amikor több értéket definiál a betűtípus-család számára. a böngésző az Arial első értékét keresi és használja. Ha az Arial nem áll rendelkezésre, akkor a következő Verdana betűtípust fogja használni. És végül, ha ez nem elérhető, akkor a böngésző alapértelmezett betűtípusa, alapértelmezés nélkül nem használható.

Jó gyakorlat a közös család mint utolsó érték használata. Ha nem tud egy konkrét betűtípust használni, akkor legalább meg kell határoznia a kívánt betűtípust.

Mivel a tervezők több eredeti betűtípust akarnak használni, de továbbra is azt szeretnék, hogy weboldalaik minden számítógépen megegyezzenek, a betűtípust a weboldalra is felveheti. Így a betűtípus akkor is elérhető lesz, ha nincs jelen a felhasználó számítógépén, egyszerűen azért, mert a betűtípus a webhelyet javasolja.