A webhelyen elérhető általános betűtípus-besorolás
Egy weboldal megtervezésekor az egyik kulcseleme egy olyan oldalnak, amelyen dolgozni fogsz, szöveges tartalom. Mint ilyen, amikor weboldalt készítesz és stílusosítja a CSS-sel, az erőfeszítés nagy része a webhely tipográfiájára koncentrálódik.
A tipográfiai tervezés fontos szerepet játszik a weboldal tervezésében. A jól megtervezett és formázott szöveges tartalmak segítenek egy webhely sikeresebbé válásával létrehozni egy olvasási élményt, amely egyszerre élvezetes és könnyű fogyasztani. A típuskezeléssel kapcsolatos erőfeszítések egy része a megfelelő formátumú betűkészletek kiválasztása, majd a CSS használata a betűtípusok és betűtípusok hozzáadásához az oldal megjelenítéséhez. Ezt a " font-stack " (" font-stack "
Font-Stacks
Ha egy weboldalon használni kívánt betűtípust adja meg , akkor a bevált gyakorlatnak azt is magában foglalja, hogy a betűtípus-választás nem található. Ezeket a visszaesési lehetőségeket a "font stack" -ben mutatják be. Ha a böngésző nem találja a kötegben szereplő első betűt, akkor a következőre lép. Folytatja ezt a folyamatot mindaddig, amíg meg nem talál egy betűtípust, amelyet használhat, vagy elfogy a választási lehetőségek közül (ebben az esetben csak kiválasztja a kívánt rendszer betűtípust). Íme egy példa arra, hogy egy betűkészlet-köteg hogyan fog kinézni a CSS-ben a "test" elemre alkalmazva:
test {font-family: Grúzia, "Times New Roman", serif; }Vegye figyelembe, hogy először a Georgia fontot adjuk meg. Alapértelmezés szerint ez az oldal fogja használni, de ha ez a betűtípus valamilyen oknál fogva nem elérhető, akkor az oldal a Times New Romanra változik. A betűnevet kettős idézőjelek közé csatoljuk, mert ez egy többszavas név. Az egyszavas betűtípusnevek, például a Georgia vagy az Arial, nem igénylik az idézőjeleket, de a többszavas betűtípusnévnek szüksége van rájuk, így a böngésző tudja, hogy ezek a szavak alkotják a betűtípus nevét.
Ha a betűkészlet vége felé néz, észre kell venni, hogy a "serif" szóval fejeződik be. Ez egy általános betűtípus családi név. Abban a valószínűtlen esetben, hogy egy személy nem rendelkezik Grúzdal vagy a Times New Roman-nal a számítógépükön, a weboldal bármilyen típusú betűtípust használna. Ez előnyösebb, ha lehetővé teszi a webhely számára, hogy bármilyen jellegű betűtípussal visszaálljon, mert legalább meg tudja mondani, hogy milyen betűtípussal kell használni, hogy a webhely kialakítása és megjelenése a lehető legteljesebb legyen. Igen, a böngésző kiválaszt egy betűtípust az Ön számára, de legalább iránymutatást ad, hogy tudja, hogy a betű a legjobban működjön a tervben.
Általános betűtípusok
A CSS-ben elérhető általános betűtípusnév:
- kurzív
- fantázia
- monospace
- betűtalp
- talpatlan
Bár a webdesign és a tipográfia számos más betűtípus-besorolással is rendelkezik, beleértve a lemez-szerifot, a blackletter-et, a megjelenítést, a grunge-t és még sok mást, ezek a fent felsorolt 5 általános betűtípusnevek azok, amelyeket egy CSS betűkészletben használnának. Milyen különbségek vannak ezekkel a betűtípus-besorolással? Lássuk!
A kurzus betűtípusai gyakran vékony, díszes betűformákból állnak, amelyek a képzeletbeli kézzel írt szöveget reprodukálják. Ezek a betűk a vékony, virágos levelek miatt nem megfelelőek a nagyméretű blokkok számára, mint a test példány. A kurzor betűtípusokat általában a fejlécekre és a rövidebb szöveges igényekre használják, amelyek nagyobb betűméretekben jeleníthetők meg.
A fantázianéves betűtípusok a kissé őrült betűtípusok, amelyek valójában nem tartoznak más kategóriába. A jól ismert logók reprodukálására szolgáló betűtípusok, például a Harry Potter vagy a Back to the Future filmek levélformái, ebbe a kategóriába tartoznak. Még egyszer ezek a betűtípusok nem megfelelőek a testtartalomhoz, mivel gyakran olyan stilizáltak, hogy az ilyen betűkészletekbe írt szöveg hosszabb szövegrészeinek olvasása túlságosan nehéz feladat.
A Monospace betűkészletek olyanok, ahol az összes levélforma azonos méretű és elosztott, mint egy régi írógépen. Más betűkkel ellentétben, amelyek méretük függvényében változó szélességű betűkkel rendelkeznek (pl. Egy "W" tőke sokkal több helyet foglal el, mint egy kis "i"), a monospace betűtípusok minden karakterhez fix szélességűek. Ezeket a betűtípusokat gyakran akkor használják, ha a kód megjelenik egy oldalon, mert az adott oldalon más szövegekhez képest határozottan különbözik.
A Serif betűtípusok egyike a népszerűbb osztályozásoknak. Ezek olyan betűk, amelyek a levélformákon kis extra ligatúrákkal rendelkeznek. Ezeket az extra darabokat "serif" -nak nevezik. A gyakori betűtípusok a Georgia és a Times New Roman. A Serif betűkészletek nagy szövegekhez, például fejlécekhez, valamint hosszú szövegrészekhez és szöveges másolatokhoz használhatók.
A Sans-serif a végső besorolás, amelyet megvizsgálunk. Ezek olyan betűtípusok, amelyeknek nincsenek a fent említett ligatúrák. A név jelentése "without serifs". Népszerű betűtípusok ebben a kategóriában Arial vagy Helvetica lenne. A serifhez hasonlóan a sans-serif betűkészletek ugyanúgy használhatók a fejlécekben és a testtartalomban is.
Jennifer Krynin eredeti cikke. Szerkesztette Jeremy Girard 17/10/17