At finde en god skrifttype stak, der formidler både stilen på dit websted, men også er pålidelig på tværs af de fleste websteder derude, kan være vanskelig. Hvis du bruger ikke-websikker skrifttyper, kan din hjemmeside måske ikke se som du har til hensigt at, når browseren erstatter noget overraskende for din fancy skrifttype.
Disse skrifttypestabler er adskilt af familie (serif, monospace osv.). Når du bruger en skrifttype, der ikke er en websikker skrifttype, skal du først sætte den i din skrifttypestabel og derefter tilføje en af disse stakke til slutningen. Vælg den skrifttypestabel, som er tættest i stil og se til 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 at blive sløret på skærmen.
skrifttype-familie: Arial, Helvetica, sans-serif;font-familie: 'Arial Black', Gadget, sans-serif;font-family: 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;font-familie: 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øret på skærme.
font-familie: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;font-familie: Bookman, serif;font-familie: Georgia, serif;skrifttype-familie: 'MS Serif', 'New York', serif;font-familie: 'Times New Roman', Times, Serif;
Monospace Font Stacks
Monospace skrifttyper bruges normalt til at gøre kode og andre typer stilarter, der ser bedst ud i en skrifttype, hvor alle tegnene har samme bredde - som skrivemaskinens skrifttyper.
font-familie: Courier, monospace;font-familie: 'Courier New', Courier, monospace;font-familie: 'Lucida Console', Monaco, monospace;
Se eksempler på monospace skrifttypestabel.
Cursive Font Stacks
Cursive skrifttyper kan være vanskelige at læse, og den mest almindeligt forekommende på de fleste systemer (Comic Sans) kan ikke lide af så mange mennesker som det.
skrifttype-familie: 'Comic Sans MS', cursive;
Fantasy Font Stacks
Ligesom cursive skrifttyper kan fantasy skrifttyper være svært at læse, og de er endnu mindre almindelige på tværs af de fleste systemer. Faktisk kan du bemærke, at jeg bruger den samme skrifttypestak som den, jeg brugte ovenfor i kategorien Sans Serif, fordi effekten og trækulet er så karakteristisk, at nogle mennesker overvejer dem fantasy skrifttyper.
font-family: Impact, Charcoal, fantasy;
Dingbats, Wingdings eller Symbol Font Stacks
Dingbats eller wingdings er symbolfonte, der viser små ikoner eller billeder i stedet for bogstaver. Der er ingen generisk skrifttype for disse, og derfor kan nogle computere vise meget forskellige skrifttyper, end du forventer. Plus, kun Internet Explorer vil vise symbolerne. Firefox og andre browsere viser simpelthen teksten i standard skrifttype til browseren.
skrifttype-familie: symbol;font-familie: Webdings;font-familie: Wingdings, 'Zapf Dingbats';
