Míg a képek nagy része a szerelem, amikor a weboldalak, ez az írásos szó, hogy fellebbez 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, ha a következő stílusszabályt hozzáadja a CSS-hez (ez valószínűleg egy külső CSS-stíluslapon történik, amely a oldal a honlapon):
test {
betűtípus-család: 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 rossz, mert nincs ellenőrizve, hogy milyen betűtípust használ; a böngésző kiválasztja az Ön számára, és lehet, hogy nem tetszik, amit elhatározott használni! 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 {
betűtípus-család: Georgia, "Times New Roman", serif;
}
Van néhány dolog észrevenni. Először is látni fogja, hogy a különböző betűtípusneveket elválasztjuk egymástól vesszővel. 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 számítógépen lévő személy számítógépén (a böngésző az oldalon megadott betűtípusokra néz a számítógépen, így a webhely ténylegesen megmondja a számítógép, amely betűtípusokat tölt be 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ípust használ, mint az Arial és a Verdana, akkor a "sans-serif" besorolású betűkészlet végét legalább a betűtípust tartalmazó családban tartja, 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. 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. Betűtípusok és webes betűtípusok
