Megtalálni egy jó betűtípust, amely továbbítja mind a stílusát de a webhelyek többségénél is megbízható, bonyolult lehet. Ha nem webes betűtípusokat használ, akkor előfordulhat, hogy webhelye nem úgy néz ki, ahogyan azt szándékában állt, amikor a böngésző valami meglepő módon helyettesíti a képzeletbeli betűtípust.
Ezeket a betűkészleteket elválasztja család (serif, monospace stb.). Ha olyan betűtípust használ, amely nem webbiztonságos betűtípus, akkor először helyezze el a betűkészletben, majd adja hozzá ezen halmok egyikét a végéhez. Válassza ki a stílushoz legközelebb eső betűkészletet, és keresse meg a kívánt betűtípust.
Sans Serif Web Safe Betűkészletek
A Sans serif szöveg jó arra, hogy weboldalakon olvashasson, mert nincsenek olyan sorozatok, amelyek elmosódnának a képernyőn.
font-család: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-család: Impact, Faszén, sans-serif;
font-család: „MS Sans Serif”, Genf, sans-serif;
font-család: Tahoma, Genf, sans-serif;
font-család: 'Trebuchet MS', Helvetica, sans-serif;
font-család: Verdana, Genf, sans-serif;
Serif Web Safe betűkészletek
A Serif betűtípusok kiválóan alkalmasak a címsorokhoz. A nagyobb típusú címsorok azt jelentik, hogy a sorozatok nem homályosulnak el a monitorokon.
font-család: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
font-család: Bookman, serif;
betűtípus-család: Georgia, serif;
font-család: 'MS Serif', 'New York', serif;
font-family: 'Times New Roman', Times, serif;
Monospace betűkészletek
A monospace betűtípusokat általában olyan kódok és más típusú stílusok renderelésére használják, amelyek a legjobban néznek ki egy olyan betűtípusban, ahol az összes karakter azonos szélességű - például az írógépes betűtípusok.
font-family: Futár, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: 'Lucida Console', Monaco, monospace;
Kurzív betűkészletek
A kurzív betűtípusok nehezen olvashatók, és a legtöbb rendszerben leggyakrabban előforduló betűtípust (Comic Sans) sokan nem kedvelik.
font-family: 'Comic Sans MS', kurzív;
Fantasy betűkészletek
A kurzív betűkészletekhez hasonlóan a fantasy betűkészleteket is nehéz elolvasni, és a legtöbb rendszerben még ritkábban fordulnak elő. Valójában észreveheti, hogy ugyanazt a betűkészletet használom, mint amit fentebb használtam a sans serifben kategória, mert az ütés és a szén annyira megkülönböztethető, hogy egyesek fantáziának tartják őket betűtípusok.
font-family: Hatás, Szén, fantázia;
Dingbats, Wingdings vagy Symbol Font Stacks
A Dingbats vagy a wingdings olyan szimbólum betűtípus, amely betűk helyett kis ikonokat vagy képeket jelenít meg. Ezekhez nincs általános betűtípus, ezért előfordulhat, hogy egyes számítógépek a vártnál nagyon eltérő betűtípusokat jelenítenek meg. Ráadásul csak internet böngésző megjeleníti a szimbólumokat. A Firefox és más böngészők egyszerűen a böngésző alapértelmezett betűtípusában jelenítik meg a szöveget.
font-family: Szimbólum;
font-family: Webdings;
font-család: Wingdings, 'Zapf Dingbats';