Hea fontide korstna leidmine, mis kannab edasi mõlemat teie veebisaidi stiil kuid on usaldusväärne ka enamikul seal asuvatel veebisaitidel, võib olla keeruline. Kui kasutate veebiväliseid turvalisi fonte, siis ei pruugi teie veebisait välja näha nii, nagu kavatsete, kui brauser asendab teie väljamõeldud fontiga midagi üllatavat.
Need fondivirnad on eraldatud tähega pere (serif, monospace jne). Kui kasutate fonti, mis pole veebiturvaline font, peaksite selle kõigepealt oma fondivirnasse lisama ja seejärel ühe neist virnadest lisama. Valige stiilile kõige lähem fondivirna ja vaadake eelistatud fonti.
Sans Serif Web Safe Font Stacks
Sans serif-tekst on hea veebilehtedel lugemiseks, kuna ekraanil pole hägusaks muutuvaid seriife.
font-perekond: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', vidin, sans-serif;
font-family: löök, süsi, sans-serif;
font-perekond: 'MS Sans Serif', Genf, sans-serif;
font-perekond: Tahoma, Genf, sans-serif;
font-perekond: 'Trebuchet MS', Helvetica, sans-serif;
font-perekond: Verdana, Genf, sans-serif;
Serif Web Safe fontide korstnad
Seerififondid sobivad pealkirjade jaoks suurepäraselt. Suuremat tüüpi pealkirjad tähendavad, et serifid ei muutu monitoridel uduseks.
font-perekond: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
font-perekond: Bookman, serif;
font-perekond: Georgia, serif;
font-perekond: 'MS Serif', 'New York', serif;
font-perekond: 'Times New Roman', Times, serif;
Monospace'i fondivirnad
Monospace-fonte kasutatakse tavaliselt koodi ja muude tüübistiilide renderdamiseks, mis näevad kõige paremini välja fondi, kus kõik tähemärgid on sama laiusega - nagu kirjutusmasinate fondid.
font-family: Kuller, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: 'Lucida Console', Monaco, monospace;
Kursiivsed fondivirnad
Kursiivseid fonte võib olla keeruline lugeda ja enamikus süsteemides (koomiksivaba) kõige tavalisem font ei meeldi nii paljudele inimestele kui see meeldib.
font-family: 'Comic Sans MS', kursor;
Fantaasia fondivirnad
Nagu kursiivfonte, võib ka fantaasiafonte olla raskesti loetav ja enamikus süsteemides on need veelgi vähem levinud. Tegelikult võite märgata, et kasutan sama fondivirna, mida kasutasin ülal sans serifis kategooriasse, seda seetõttu, et löök ja süsi on nii eristuvad, et mõned inimesed peavad neid fantaasiaks fondid.
font-family: löök, süsi, fantaasia;
Dingbats, Wingdings või sümbolfontide korstnad
Dingbats või wingdings on sümbolfondid, millel kuvatakse tähtede asemel vähe ikoone või pilte. Nende jaoks pole üldist fonditüüpi ja seetõttu võivad mõned arvutid kuvada väga erinevaid fonte, kui arvate. Lisaks ainult Internet Explorer kuvatakse sümbolid. Firefox ja muud brauserid kuvavad teksti lihtsalt brauseri vaikefondina.
font-family: sümbol;
font-family: Veebimööbel;
font-family: Wingdings, 'Zapf Dingbats';