Hur man hittar teckensnittsnamn för CSS

Teckensnittsfamiljnamn identifierar teckensnitt i kaskadformat eller CSS. Eftersom många teckensnitt har variationer använder designers familjens namn, såsom Arial, Helvetica eller Verdana, snarare än det specifika namnet på ett teckensnitt, som Arial Black eller Verdana Bold. Att hitta familjens namn för ett teckensnitt är enkelt eftersom familjens namn är namnet som teckensnittet och alla dess variationer har gemensamt. Generiska typsnittsfamiljer, som sans serif och monospace, finns som, när de namnges i CSS, tillåter webbläsaren att välja ett standardteckensnitt inom den angivna stilen.

Steg 1

Klicka på "Start" -knappen i aktivitetsfältet, skriv "teckensnitt" i sökfältet och tryck på "Enter" för att öppna din teckensnittsmapp. Leta efter teckensnittet du vill använda och notera dess namn. Till exempel har Arial --- ett vanligt Windows-teckensnitt --- många typsnittsvarianter, tillsammans med det generiska namnet "Arial". Använd teckensnittsnamnet Arial för att använda det generiska Arial-teckensnittet, eller ange Arial Narrow för att använda det specifika teckensnittet. I praktiken bör du använda ett generiskt teckensnittsnamn för större delen av webbplatsens kroppstext och sedan använda mer specifika teckensnitt för rubriker.

Steg 2

Lägg till ett generiskt typsnittsnamn i din fontstack. Teckensnittsstackar är listor över teckensnittsfamiljer i CSS, och webbdesigners använder dem som reservteckensnitt för när besökare inte har det mest föredragna teckensnittet installerat på sin dator. Använd det generiska namnet "serif" för att avsluta teckensnittsstaplar som börjar med serif-teckensnitt som Georgia eller Times New Roman, och använd "sans-serif" för att avsluta teckensnittsstacks som börjar med teckensnitt som Helvetica eller Verdana. Andra generiska namn inkluderar "monospace", "cursive" och "fantasy". Observera att generiska typsnittsfamiljnamn är irrelevanta när du bäddar in ett teckensnitt med @ font-face.

Lägg till citattecken runt teckensnittsnamn som är mer än ett ord långa. Enstaka ords teckensnittsnamn som Arial eller Georgia kräver inte citattecken. Du kan använda enkla eller dubbla citattecken, men var försiktig när du blandar citattyper eftersom det kan leda till fel. Här är ett exempel på hur typsnitt namnges i CSS:

kropp {font-family: "Helvetica Neue", Arial, sans-serif; }

Ovanstående typsnittsstapel anger att webbläsaren ska leta efter Helvetica Neue först. Designers väljer det här teckensnittet eftersom det inte finns på Windows-datorer som visar vanligt Helvetica på ett fult sätt. Windows-användare kommer att se Arial. Alla andra användare ser ett standardteckensnitt för sans-serif baserat på webbläsarinställningarna.