Hitta teckensnittsfamiljenamn i CSS

Teckensnittsfamiljenamn identifierar typsnitt i CSS. Många typsnitt har varianter, så designers använder familjenamnet, t.ex. Arial, Helvetica eller Verdana, istället för det exakta namnet, t.ex. Arial Black eller Verdana Bold. Familjenamnet är den gemensamma benämningen för typsnittet och alla dess varianter. Det finns generiska familjer som sans-serif och monospace som i CSS gör att webbläsaren väljer ett standardtypsnitt i den angivna stilen.

Steg 1

Klicka på “Start” i aktivitetsfältet, skriv “fonts” i sökfältet och tryck “Enter” för att öppna mappen Typsnitt. Leta reda på typsnittet du vill använda och notera dess namn. Exempelvis har det vanliga Windows‑typsnittet Arial många varianter och ett generiskt namn “Arial”. Använd familjenamnet Arial för att använda det generiska Arial‑typsnittet, eller ange Arial Narrow om du vill använda den specifika varianten. I praktiken bör du använda ett generiskt familjenamn för större delen av webbplatsens brödtext och sedan använda mer specifika typsnitt för rubriker.

Steg 2

Lägg till ett generiskt familjenamn i din typsnittsstack. Typsnittsstackar är listor med familjenamn i CSS, och webbdesigners använder dem som reservtypsnitt när besökare inte har det önskade typsnittet installerat på sin dator. Använd det generiska namnet “serif” för att avsluta stackar som börjar med serif‑typsnitt som Georgia eller Times New Roman, och “sans-serif” för att avsluta stackar som börjar med typsnitt som Helvetica eller Verdana. Andra generiska namn är “monospace”, “cursive” och “fantasy”. Observera att generiska familjenamn är irrelevant när du bäddar in ett typsnitt med @font‑face.

Lägg till citattecken runt familjenamn som består av mer än ett ord. Ettordiga namn som Arial eller Georgia kräver inga citattecken. Du kan använda enkel- eller dubbla citattecken, men var noga med att inte blanda typ av citattecken eftersom det kan leda till fel. Exempel på hur typsnitt anges i CSS: body { font-family: "Helvetica Neue", Arial, sans-serif; } Denna stack säger att webbläsaren först söker efter Helvetica Neue. Designers väljer denna font eftersom den inte finns på Windows‑datorer där Helvetica visas på ett fult sätt. Windows‑användare ser Arial. Alla andra användare ser ett standard sans-serif‑typsnitt baserat på deras webbläsarinställningar.

Tips

• Vissa kända designers, som Paul Irish och Chris Coyier, föreslår nu att slippa typsnittsstackar och bara använda generiska familjenamn, särskilt i fallet med den vanliga Helvetica/Arial/sans-serif‑stacken. Detta respekterar användarinställningar och sparar tid eftersom de flesta webbläsare väljer dessa typsnitt automatiskt.