Notaðu þessar áreiðanlegar HTML leturgerðir á vefsíðum þínum
Að finna góða letur stafla sem veitir bæði stíl vefsvæðis þíns en einnig er áreiðanlegt yfir meirihluta vefsíðna þarna úti getur verið erfiður. Ef þú notar örugga letur sem ekki er vefur á vefnum gæti vefsvæði þitt ekki líta út eins og þú ætlar það þegar vafrinn skiptir eitthvað sem kemur á óvart fyrir ímyndaða letrið þitt.
Þessir leturstafir eru aðskilin frá fjölskyldu (serif, monospace, o.fl.). Þegar þú notar letur sem er ekki öruggur letur á vefnum, ættirðu að setja það fyrst í leturstaflinum og síðan bæta við einum þessara stafla til enda.
Veldu letur stafla sem er næst í stíl og líta á valinn leturgerð.
Sans Serif Vefur Safe Font Stacks
Sans serif texti er gott til að lesa á vefsíðum vegna þess að það eru engar serifs að verða óskýr á skjánum.
leturgerð: Arial, Helvetica, sans-serif;
leturgerð: 'Arial Black', Gadget, sans-serif;
font-family: Áhrif, kol, sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: Tahoma, Genf, Sans-Serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Genf, Sans-Serif;
Serif Web Safe Font Stacks
Serif letur vinna vel fyrir fyrirsagnir. Stærri gerð fyrirsagnar þýðir að serifs verða ekki óskýr á skjáum.
font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
font-family: Bookman, serif;
font-family: Georgia, serif;
font-family: 'MS Serif', 'New York', serif;
font-family: "Times New Roman", Times, Serif;
Monospace Font Stacks
Monospace letur eru venjulega notaðir til að gera kóða og aðra tegund sem lítur best út í leturgerð þar sem allir persónurnar eru sömu breiddar - eins og leturgerðir á ritvélum.
font-family: Courier, monospace;
font-family: "Courier New", Courier, monospace;
font-family: 'Lucida Console', Mónakó, monospace;
Skoðaðu dæmi um monospace leturstafla.
Skyldur letur stafla
Skerandi letur getur verið erfitt að lesa og oftast finnst einn á flestum kerfum (Comic Sans) líkar við eins og margir eins og það.
font-family: 'Comic Sans MS', bendiefni;
Fantasy Font Stacks
Eins og bendiefni leturgerð, er hægt að lesa ímyndunarskírteini, og þau eru jafnvel minna algeng í flestum kerfum. Reyndar gætir þú tekið eftir því að ég nota sömu letur stafla eins og ég notaði hér að ofan í sans serif flokki, það er vegna þess að áhrif og kol eru svo áberandi að sumir telja þá ímyndunarafritum.
font-family: Áhrif, kol, ímyndunarafl;
Dingbats, Wingdings, eða tákn Font Stacks
Dingbats eða wingdings eru tákn letur sem sýna litla tákn eða myndir í stað bréfa. Það er engin almenna leturgerð fyrir þessa, og sumar tölvur geta því sýnt mjög mismunandi leturgerðir en þú átt von á. Að auki mun aðeins Internet Explorer birta táknin. Firefox og aðrar vafrar sýna einfaldlega textann í sjálfgefnu letri fyrir vafrann.
letur-fjölskylda: tákn;
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';