Finne en god skriftstabel som formidler både stilen til nettstedet ditt men er også pålitelig på de fleste nettsteder der ute, kan være vanskelig. Hvis du bruker skrifttyper som ikke er sikre på nettet, kan det hende at nettstedet ditt ikke ser ut som du har tenkt det når nettleseren erstatter noe overraskende med den fancy fonten din.
Disse skriftstablene er atskilt med familie (serif, monospace, etc.). Når du bruker en skrift som ikke er en websikker skrift, bør du legge den først i skriftstakken, og deretter legge til en av disse stablene til slutt. Velg skriftstakken som er nærmest i stil, og se etter ønsket skrift.
Sans Serif websikker skriftstabler
Sans serif-tekst er bra å lese på websider fordi det ikke er noen serifs som blir uskarpe på skjermen.
font-familie: Arial, Helvetica, sans-serif;
font-familie: 'Arial Black', Gadget, sans-serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-familie: Tahoma, Genève, sans-serif;
font-familie: 'Trebuchet MS', Helvetica, sans-serif;
font-familie: Verdana, Genève, sans-serif;
Serif Web Safe Font Stacks
Serif-skrifter fungerer bra for overskrifter. Den større typen overskrifter betyr at serifs ikke blir uskarpe på skjermer.
font-familie: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
font-familie: Bookman, serif;
font-familie: Georgia, serif;
font-familie: 'MS Serif', 'New York', serif;
font-family: 'Times New Roman', Times, serif;
Monospace Font Stacks
Monospace-skrifter brukes vanligvis til å gjengi kode og andre typestiler som ser best ut i en skrift der alle tegnene har samme bredde - som skrivemaskinfonter.
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-familie: 'Lucida Console', Monaco, monospace;
Cursive Font Stacks
Kursive skrifttyper kan være vanskelige å lese, og den som ofte finnes på de fleste systemer (Comic Sans) mislikes av så mange som den.
font-familie: 'Comic Sans MS', kursiv;
Fantasy Font Stacks
I likhet med kursive skrifter kan fantasy-skrifter være vanskelig å lese, og de er enda mindre vanlige i de fleste systemer. Faktisk kan du merke at jeg bruker samme skriftstabel som en jeg brukte ovenfor i sans serif kategori, det er fordi slag og trekull er så særegne at noen anser dem som fantasi skrifttyper.
font-family: Impact, Charcoal, fantasy;
Dingbats, Wingdings eller Symbol Font Stacks
Dingbats eller wingdings er symbolfonter som viser små ikoner eller bilder i stedet for bokstaver. Det er ingen generell skrifttype for disse, og det kan derfor hende at enkelte datamaskiner viser veldig forskjellige skrifttyper enn du forventer. Pluss bare Internet Explorer vil vise symbolene. Firefox og andre nettlesere viser bare teksten i standard skrift for nettleseren.
font-familie: Symbol;
font-familie: Webdings;
font-family: Wingdings, 'Zapf Dingbats';