A tipográfiai tervezés fontos szerepet játszik a weboldal tervezésében. A jól megtervezett és formázott szöveges tartalom segíti a webhely sikereit azáltal, hogy élvezhető és könnyen fogyasztható olvasási élményt nyújt. A típus használatával kapcsolatos erőfeszítéseinek része lesz a megfelelő betűtípusok kiválasztása a tervezéshez, majd CSS használatával hozzáadhatja ezeket a betűtípusokat és betűtípusokat az oldal megjelenítéséhez. Ez az úgynevezett a használatával történik betűkészlet.
Betűkészletek
Amikor te adjon meg betűtípust weboldalon történő használathoz a legjobb gyakorlat, ha tartalék opciókat is tartalmaz, ha a betűkészlet nem található. Ezeket a tartalék lehetőségeket a betűkészlet. Ha a böngésző nem találja a veremben felsorolt első betűtípust, akkor a következőre lép. Addig folytatja ezt a folyamatot, amíg meg nem találja a használható betűtípust, vagy elfogy a választási lehetősége (ebben az esetben csak a kívánt rendszer betűtípust választja). Íme egy példa arra, hogy a font-stack hogyan nézne ki a CSS-ben a "body" elemre alkalmazva:
body {
font-family: Georgia, "Times New Roman", serif;
}
A Georgia betűtípus jelenik meg először, tehát alapértelmezés szerint ezt fogja használni az oldal, de ha ez a betűtípus valamilyen oknál fogva nem érhető el, akkor az oldal a Times New Roman-re esik.
Mellékel Times New Roman dupla idézőjelben, mert ez egy több szóból álló név. Az egyszavas betűnevek, például Georgia vagy Arial, nem igényelnek idézőjeleket, de a beillesztett szóközökkel rendelkező többszavas betűtípusnévnek szüksége van rájuk, így a böngésző tudja, hogy ezek a szavak tartalmazzák a betűkészlet nevét.
A betűkészlet a szóval végződik serif. Ez egy általános font-családnév. Abban a valószínűtlen esetben, ha egy személynek nincs Georgia vagy Times New Roman számítógépükön az oldal bármilyen serif betűtípust használna, amelyet csak talál. A böngésző kiválaszt egy betűtípust az Ön számára, de Ön legalább útmutatást nyújt, hogy tudja, milyen betűtípus működne a legjobban a tervezésen belül.
Általános betűtípus-családok
A CSS-ben elérhető általános betűtípus neve:
- kurzív
- fantázia
- monospace
- serif
- sans-serif
Bár számos más betűtípus-besorolás érhető el a webdizájnban és a tipográfiában, beleértve a blackletter, display, grunge és még sok más, ezeket az öt általános betűtípust nevezzük el a betűkészletben a CSS-ben.
- Kurzív betűtípusok - gyakran vékony, díszes betűformákat tartalmaznak, amelyek a divatos, kézzel írt szövegek megismétlésére szolgálnak. Ezek a betűtípusok vékony, virágos betűik miatt nem alkalmasak egy nagy tartalomtömbre, például a törzsmásolatra. A kurzív betűtípusokat általában fejlécekhez és rövidebb szövegigényekhez használják, amelyek nagyobb betűméretekben jeleníthetők meg.
- Fantasy betűtípusok - azok a kissé őrült betűtípusok, amelyek valójában nem tartoznak más kategóriába. Betűtípusok, amelyek jól ismert logókat replikálnak, például a Harry Potter vagy Vissza a jövőbe filmek, ebbe a kategóriába tartoznak. Ezek a betűtípusok nem megfelelőek a törzs tartalmához, mivel gyakran annyira stilizáltak, hogy az ilyen betűtípusokkal írt szöveg hosszabb szakaszainak olvasása túl nehéz.
- Monospace betűtípusok - ugyanolyan méretű és elosztott betűformákat használjon, mint egy régi írógépen. Eltérően más betűtípusoktól, amelyek méretüktől függően változó szélességűek a betűk számára (például egy nagybetű W sokkal több helyet foglal el, mint egy kisbetű én), a monospace betűtípusok rögzített szélességet használnak az összes karakterhez. Ezeket a betűkészleteket gyakran használják a kódolvasásokhoz, mert egyértelműen különböznek az oldal többi szövegétől.
- Serif betűtípusok - kevés extra ligatúrát alkalmazzon a levélformákon. Ezeket az extra darabokat hívják serifs. Gyakori szerif betűtípus a Georgia és a Times New Roman. A Serif betűtípusok kiválóan alkalmasak nagy szövegek, például fejlécek, valamint hosszú szöveg- és törzsrészletek esetén.
- Sans-serifbetűtípusok - nem rendelkeznek ligatúrákkal. A név azt jelenti serifek nélkül. A kategória népszerű betűtípusai közé tartozik az Arial vagy a Helvetica. A serifekhez hasonlóan a sans-serif betűtípusok fejlécükben és testtartalmukban egyaránt jól teljesítenek, bár vannak ilyenek a szakértők jobban szeretik, ha a nagy szövegtömbök elkerülik a sans-serif betűtípusokat, mert ezeket apróbb pontokon nehezebb elolvasni méretek.