At finde en god skrifttypestak, der formidler både stil på dit websted men er også pålidelig på de fleste websteder derude kan være vanskelig. Hvis du bruger ikke-websikre skrifttyper, ser dit websted muligvis ikke ud, som du har til hensigt, når browseren erstatter noget overraskende med din smarte skrifttype.
Disse skrifttypestakke er adskilt af familie (serif, monospace osv.). Når du bruger en skrifttype, der ikke er en websikker skrifttype, skal du lægge den først i din fontstak og derefter tilføje en af disse stakke til slutningen. Vælg den skrifttypestak, der er tættest på stil, og se efter din foretrukne skrifttype.
Sans Serif Web Safe Font Stacks
Sans serif-tekst er god til læsning på websider, fordi der ikke er nogen serifs, der bliver slørede på skærmen.
font-familie: Arial, Helvetica, sans-serif;
font-familie: 'Arial Black', Gadget, sans-serif;
font-familie: Impact, Charcoal, sans-serif;
font-familie: 'MS Sans Serif', Genève, sans-serif;
font-familie: Tahoma, Genève, sans-serif;
font-familie: 'Trebuchet MS', Helvetica, sans-serif;
skrifttypefamilie: Verdana, Genève, sans-serif;
Serif Web Safe Font Stacks
Serif-skrifttyper fungerer godt til overskrifter. Den større type overskrifter betyder, at serifs ikke bliver slørede på skærme.
skrifttypefamilie: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
font-familie: Bookman, serif;
font-familie: Georgien, serif;
font-familie: 'MS Serif', 'New York', serif;
font-familie: 'Times New Roman', Times, serif;
Monospace Font Stacks
Monospace-skrifttyper bruges normalt til at gengive kode og andre typografier, der ser bedst ud i en skrifttype, hvor alle tegnene har samme bredde - som skrivemaskinfonter.
font-familie: Courier, monospace;
font-familie: 'Courier New', Courier, monospace;
font-familie: 'Lucida Console', Monaco, monospace;
Cursive Font Stacks
Kursive skrifttyper kan være vanskelige at læse, og den mest almindelige på de fleste systemer (Comic Sans) kan ikke lide af så mange mennesker som dem.
font-familie: 'Comic Sans MS', kursiv;
Fantasy Font Stacks
Ligesom kursive skrifttyper kan fantasyskrifttyper være svære at læse, og de er endnu mindre almindelige på tværs af de fleste systemer. Faktisk bemærker du muligvis, at jeg bruger den samme skrifttypestak som en, jeg brugte ovenfor i sans serif kategori, det er fordi stød og kul er så karakteristiske, at nogle mennesker betragter dem som fantasi skrifttyper.
font-familie: Impact, Charcoal, fantasy;
Dingbats, Wingdings eller Symbol Font Stacks
Dingbats eller wingdings er symbolskrifttyper, der viser små ikoner eller billeder i stedet for bogstaver. Der er ingen generisk skrifttype for disse, og nogle computere kan derfor vise meget forskellige skrifttyper, end du forventer. Plus kun Internet Explorer viser symbolerne. Firefox og andre browsere viser blot teksten i browserens standardskrifttype.
font-familie: Symbol;
font-familie: Webdings;
font-familie: Wingdings, 'Zapf Dingbats';