Gebruik deze betrouwbare HTML-lettertypen op uw webpagina's

Een goede lettertypestapel vinden die zowel de both stijl van uw website maar is ook betrouwbaar op de meeste websites die er zijn, kan lastig zijn. Als u niet-webveilige lettertypen gebruikt, ziet uw website er mogelijk niet uit zoals u het bedoeld heeft wanneer de browser iets verrassends vervangt voor uw fraaie lettertype.

Deze lettertypestapels worden gescheiden door: familie (serif, monospace, enz.). Als u een lettertype gebruikt dat geen webveilig lettertype is, moet u dit eerst in uw lettertypestapel plaatsen en vervolgens een van deze stapels aan het einde toevoegen. Kies de lettertypestapel die qua stijl het dichtst in de buurt komt en kijk naar het lettertype van uw voorkeur.

Sans Serif Web Safe-lettertypestapels

Sans serif-tekst is goed om op webpagina's te lezen, omdat er geen serifs zijn die wazig worden op het scherm.

font-familie: Arial, Helvetica, schreefloos;
font-familie: 'Arial Black', Gadget, schreefloos;
font-familie: Impact, Charcoal, schreefloos;
font-familie: 'MS Sans Serif', Genève, schreefloos;
instagram viewer

font-familie: Tahoma, Genève, schreefloos;
font-familie: 'Trebuchet MS', Helvetica, schreefloos;
font-familie: Verdana, Genève, schreefloos;

Serif Web Safe-lettertypestapels

Serif-lettertypen werken uitstekend voor koppen. Het grotere type koppen betekent dat de schreven niet wazig worden op monitoren.

font-familie: 'Book Antiqua', 'Palatino Linotype', Palatino, schreef;
font-familie: Bookman, schreef;
font-familie: Georgia, schreef;
font-familie: 'MS Serif', 'New York', schreef;
font-familie: 'Times New Roman', Times, schreef;

Monospace-lettertypestapels

Monospace-lettertypen worden meestal gebruikt om code en andere typestijlen weer te geven die er het beste uitzien in een lettertype waarin alle tekens dezelfde breedte hebben, zoals typemachinelettertypen.

font-familie: Courier, monospace;
font-familie: 'Courier New', Courier, monospace;
font-familie: 'Lucida Console', Monaco, monospace;

Cursieve lettertypestapels

Cursieve lettertypen kunnen moeilijk te lezen zijn, en de meest voorkomende op de meeste systemen (Comic Sans) wordt door zoveel mensen als ze leuk vinden niet leuk gevonden.

font-familie: 'Comic Sans MS', cursief; 

Fantasielettertypestapels

Net als cursieve lettertypen kunnen fantasielettertypen moeilijk te lezen zijn en komen ze op de meeste systemen nog minder vaak voor. Het is je misschien opgevallen dat ik dezelfde lettertypestapel gebruik als degene die ik hierboven heb gebruikt in de sans serif categorie, dat komt omdat impact en houtskool zo onderscheidend zijn dat sommige mensen ze als fantasie beschouwen lettertypen.

font-familie: Impact, Charcoal, fantasy; 

Dingbats, Wingdings of Symbol Font Stacks

Dingbats of wingdings zijn symboollettertypen die kleine pictogrammen of afbeeldingen weergeven in plaats van letters. Er is geen generiek lettertype voor deze, en daarom kunnen sommige computers heel andere lettertypen weergeven dan u verwacht. Plus, alleen Internet Explorer zal de symbolen weergeven. Firefox en andere browsers geven de tekst gewoon weer in het standaardlettertype voor de browser.

font-familie: Symbool;
font-familie: Webdings;
font-familie: Wingdings, 'Zapf Dingbats';