Míg a képek nagy része a szerelem, amikor jön a weboldalak, ez az írásos szó, hogy fellebbezni a keresőmotorok és végzi el a tartalmát a legtöbb helyszínen. Mint ilyen, a tipográfiai tervezés a weboldal tervezésének kritikus fontosságú része. A webhely szövegének fontossága miatt szükség van annak biztosítására, hogy jól nézzen ki és könnyen olvasható. Ezt CSS (Cascading Style Sheets) stílusban végezzük.
A modern webdesignust követve, ha meg akarja szabni a weboldal szöveges tartalmának megjelenését, akkor ezt a CSS használatával teszi meg. Ez elkülöníti ezt a CSS-stílust egy oldal HTML-struktúrájától. Például, ha egy oldal betűtípust szeretne "Arial" -ra állítani, ezt úgy teheti meg, hogy hozzáadja a következő stílusszabályt a CSS-hez (megjegyzés - ez valószínűleg egy olyan külső CSS-stíluslapon történik, amely a stílusokat minden oldalon a weboldalon):
test {font-family: Arial; }Ez a betűtípus a "test" -re van állítva, így a CSS-kaszkád a stílusot az oldal többi elemére alkalmazza. Ez azért van, mert minden más HTML elem a "test" elem gyermeke, a CSS-stílusok, mint a betűtípus vagy a szín, a szülőtől a gyermekelemig terjednek. Ez lesz a helyzet, hacsak bizonyos elemekhez nem ad meg specifikusabb stílust. Az egyetlen probléma ezzel a CSS-szel, hogy csak egy betűtípust ad meg. Ha a betűtípus valamilyen oknál fogva nem található meg, a böngésző helyettesíti a helyét. Ez azért rossz, mert nem tudod ellenőrizni, hogy milyen betűtípust használsz - a böngésző kiválasztja az Ön számára, és nem tetszik neked, hogy mi a döntés? Itt jön be egy betűkészlet.
A betűkészlet a betűtípusok listája a CSS font-family-deklarációban. A betűtípusok a preferenciák sorrendjében szerepelnek abban az esetben, ha olyan probléma esetén szeretne megjelenni a webhelyen, mint a betöltetlen betűtípus. A betűkészlet lehetővé teszi a tervező számára, hogy szabályozza a betűtípusok megjelenését a weboldalon, még akkor is, ha a számítógép nem rendelkezik az eredetileg használt betűtípussal.
Tehát hogyan néz ki egy betűtípus? Íme egy példa:
test {font-family: Grúzia, "Times New Roman", serif; }Van néhány dolog észrevenni.
Először is látni fogod, hogy elválasztjuk a különböző betűneveket vesszővel. mindegyik között Hozzáadhat annyi betűtípust, amennyit szeretnél, mindaddig, amíg elválaszthatók vesszővel. A böngésző megpróbálja betölteni az első betűtípust. Ha ez meghiúsul, akkor lefut a vonalon, és megpróbál minden betűtípust kipróbálni, amíg meg nem találja azt, amit használni tud. Ebben a példában webes biztonságos betűtípusokat használunk, és a "Georgia" valószínűleg megtalálható az adott személy számítógépén, aki meglátogatja a webhelyet (megjegyzés: a böngésző az oldalon megadott betűtípusokra néz a számítógépen, így a webhely valójában megmondja a számítógép, amely betöltő betűtípusokat tartalmaz a rendszerből). Ha valamilyen oknál fogva nem találta a betűtípust, akkor a köteg lefelé halad, és megpróbálja a következő betűtípust.
Ami a következő betűtípust illeti, vegye észre, hogyan íródott a verem. A "Times New Roman" név kettős idézőjelekkel van ellátva. Ez azért van, mert a betűtípus neve több szóval rendelkezik. A több szóval (Trebuchet MS, Courier New stb.) Használt betűtípusoknak kettős idézőjelekkel kell rendelkezniük, hogy a böngésző tudja, hogy ezek a szavak egy betűnév részei.
Végül a "serif" betűs veremezést vesszük alapul, ami általános betűtípus-besorolás. Abban a valószínűtlen esetben, hogy a veremben megadott betűtípusok közül egyik sem elérhető, a böngésző csak egy olyan betűtípust talál, amely legalább a megfelelő osztályozásba esik. Például, ha sans-serif betűtípusokat használ, mint az Arial és a Verdana, akkor a "sans-serif" besorolású betűs verem végére legalább a betűkészletet a teljes családban megtartja, ha terhelési probléma van. Nyilvánvaló, hogy nagyon ritka, hogy egy böngésző nem találja a betűkészletben felsorolt betűtípusokat, ezért inkább ezt a generikus besorolást használja, hanem legjobb gyakorlat, ha mindenképpen kétszeresen biztonságossá teszi.
Betűtípusok és webes betűtípusok
Számos weboldal ma olyan webes betűtípusokat használ, amelyek más forrásokkal (például a webhely képképeivel, Javascript fájljával stb.) Együtt szerepelnek a webhelyen, vagy egy olyan offsite betűtípuson, mint a Google Betűtípusok vagy a Typekit. Bár ezeket a betűtípusokat be kell tölteni, mivel magukhoz ragaszkodnak a fájlokhoz, továbbra is egy betűkészletet szeretne használni annak érdekében, hogy bizonyos esetekben ellenőrizze az esetlegesen felmerülő problémákat. Ugyanez vonatkozik a "webes biztonságos" betűkészletekre is, amelyeknek valaki számítógépén kell lenniük (vegye figyelembe, hogy a cikkben, mint az Arial, a Verdana, a Georgia és a Times New Roman példákban használt betűkészletek mind webes biztonságos betűkészletek egy személy számítógépén). Annak ellenére, hogy a betűtípus hiánya nagyon alacsony, a betűkészletek megadása a lehető legteljesebb mértékben megvédi a webhely tipográfiai kialakítását .
Jennifer Krynin eredeti cikke. Szerkesztette: Jeremy Girard, 1996. 8. 9