Web-safe fonts

Het nadeel van HTML en CSS is dat er geen mogelijkheid is om fonts te embedden. Je moet het dus doen met fonts die te vinden zijn op de computer van de gebruiker. Er zijn natuurlijk enkele alternatieven, zoals sIFR, of opslaan van tekst in afbeeldingen. Dit is heel leuk voor tussentitels en dergelijke, maar voor grote lappen tekst is het toch beter als je een standaard font gebruikt. Welke zijn dat nu?

Webveilige fonts

Windows en Mac

• Arial en Arial;
• Arial Black en Arial Black;
• Comic Sans MS en Comic Sans MS;
• Courier New en Courier New;
• Georgia en Georgia;
• Impact en Impact of Charcoal;
• Lucida Console en Monaco;
• Lucida Sans Unicode en Lucida Grande;
• MS Sans Serif en Geneva;
• MS Serif en New York;
• Palatino linotype of Book Antiqua en Palatino;
• Tahoma en Geneva;
• Times New Roman en Times;
• Trebuchet MS en Helvetica;
• Verdana en Verdana;

Daarnaast heb je nog enkele minder menselijke fonts:

• Symbol en Symbol;
• Webdings en Webdings;
• Wingdings en Zapf Dingbats;

Fonts in CSS

Zoals je ziet is de naamgeving op Mac soms anders dan op Windows. In de CSS is dat makkelijk op te lossen door

font-family:"MS Serif","New York";

te zetten in plaats van

font-family:"MS Serif";
Zoals in bovenstaande voorbeelden ook duidelijk is worden fontnamen die spaties bevatten tussen dubbele quotes gezet. Voor fontnamen die uit één deel bestaan is dit niet nodig.
Het is ook interessant om na het lijstje in font-family de soort te zetten, indien om één of andere reden het font toch niet aanwezig op de computer van de gebruiker wordt het standaardfont van die soort genomen. De soorten zijn serif (met schreef), sans-serif (schreefloos) en monospace.

Steun en stem: