Teckensnitt och deras familjer
När alla webbplatsens sidor är länkade till CSS-filen kan du öppna den i texteditorn och börja med några enklare format för texten. Spara ändringar du gör och uppdatera webbsidorna i webbläsaren, på samma sätt som när du arbetar med XHTML.
Egenskapen font-family beskriver vilket teckensnitt ett element ska använda. Värdet består av ett eller flera namn på olika teckensnitt (med kommatecken mellan). Syftet med att ange flera teckensnitt är att webbläsaren ska kunna välja nästa i fall det första saknas i besökarens dator.
Det är viktigt att avsluta värdet med namnet på rätt teckensnittsfamilj. Det gör att webbläsaren kan välja ett likvärdigt teckensnitt ur samma familj, om alla de namngivna saknas. Inom CSS är teckensnitten grupperade i fem olika teckensnittsfamiljer (se listan nedan).
Det teckensnitt du vill ska gälla generellt för alla element på webbplatsen, anger du till väljaren body. Egenskaperna ärvs då av alla underliggande element. Om något enstaka element ska ha ett annat teckensnitt, anger du det särskilt.
body     {font-family:verdana,helvetica,sans-serif}
blockquote {font-family:courier,monospace}
OBS! Tänk på att löpande text på bildskärmar alltid är mer lättläst om den har ett linjärt teckensnitt ur familjen sans-serif.
| Teckensnittsfamiljer | Beskrivning | Exempel |
|---|---|---|
serifcursivfantasymonospace |
Tecknen har seriffer (små fötter och vingar) Tecknen är linjära och saknar seriffer Kursiva (lutande) stilar Fantasistilar Alla tecken är lika breda |
Times New Roman Verdana, Arial Monotype CorsivaCourier New |