Lettertypefamilienamen voor CSS vinden
Namen van lettertypefamilies identificeren lettertypen in trapsgewijze stijlbladen of CSS. Omdat veel lettertypen variaties hebben, gebruiken ontwerpers de familienaam, zoals Arial, Helvetica of Verdana, in plaats van de specifieke naam van een lettertype, zoals Arial Black of Verdana Bold. Het vinden van de familienaam voor een lettertype is eenvoudig omdat de familienaam de naam is die het lettertype en al zijn variaties gemeen hebben. Er bestaan algemene lettertypefamilies, zoals schreefloos en monospace, die, wanneer ze in CSS worden genoemd, de browser in staat stellen een standaardlettertype te kiezen binnen de aangegeven stijl.
Stap 1
Klik op de "Start"-knop op uw taakbalk, typ "fonts" in de zoekbalk en druk op "Enter" om uw Fonts-map te openen. Zoek het lettertype dat u wilt gebruiken en noteer de naam ervan. Arial --- een veelgebruikt Windows-lettertype --- heeft bijvoorbeeld veel lettertypevariaties, samen met de algemene naam 'Arial'. Gebruik de lettertypefamilienaam Arial om het algemene lettertype Arial te gebruiken, of specificeer Arial Narrow om dat specifieke lettertype te gebruiken. In de praktijk moet u voor de meeste hoofdtekst van een site een generieke lettertypefamilienaam gebruiken en vervolgens meer specifieke lettertypen voor kopteksten.
Stap 2
Voeg een generieke lettertypefamilienaam toe aan uw lettertypestapel. Lettertypestapels zijn lijsten met lettertypefamilies in CSS, en webontwerpers gebruiken ze als back-uplettertypen voor wanneer bezoekers niet het meest geprefereerde lettertype op hun computer hebben geïnstalleerd. Gebruik de generieke naam "serif" om lettertypestapels te beëindigen die beginnen met serif-lettertypen zoals Georgia of Times New Roman, en gebruik "sans-serif" om lettertypestapels te beëindigen die beginnen met lettertypen zoals Helvetica of Verdana. Andere generieke namen zijn 'monospace', 'cursief' en 'fantasie'. Merk op dat generieke namen van lettertypefamilies niet relevant zijn wanneer u een lettertype insluit met @font-face.
Voeg aanhalingstekens toe rond namen van lettertypefamilies die meer dan één woord lang zijn. Lettertypenamen met één woord, zoals Arial of Georgia, vereisen geen aanhalingstekens. U kunt enkele of dubbele aanhalingstekens gebruiken, maar wees voorzichtig bij het mixen van aanhalingstekens, omdat dit tot fouten kan leiden. Hier is een voorbeeld van hoe lettertypen worden genoemd in CSS:
body { font-familie: "Helvetica Neue", Arial, schreefloos; }
De bovenstaande lettertypestapel geeft aan dat de browser eerst naar Helvetica Neue moet zoeken. Ontwerpers kiezen dit lettertype omdat het niet bestaat op Windows-computers die gewone Helvetica op een lelijke manier weergeven. Windows-gebruikers zullen Arial zien. Alle andere gebruikers zullen een standaard schreefloos lettertype zien op basis van hun browserinstellingen.
