Hur man hittar teckensnittsfamiljnamn för CSS

Teckensnittsfamiljnamn identifierar teckensnitt i kaskade stilark, eller CSS. Eftersom många teckensnitt har variationer, designers använder släktnamnet, som Arial, Helvetica eller Verdana, snarare än det specifika namnet på ett typsnitt, som Arial Black eller Verdana Bold. Att hitta släktnamnet för ett teckensnitt är enkelt eftersom släktnamnet är det namn som teckensnittet och alla dess variationer har gemensamt. Generiska typsnittsfamiljer, som sans serif och monospace, finns det, när den heter i CSS, låt webbläsaren välja ett standardteckensnitt inom den angivna stilen.

Steg 1

Klicka på "Start" -knappen i aktivitetsfältet, skriv "typsnitt" i sökfältet och tryck på "Enter" för att öppna mappen Fonts. Leta efter teckensnittet du vill använda och notera dess namn. Till exempel, Arial --- ett vanligt Windows-typsnitt --- har många teckensnittsvarianter, tillsammans med det generiska namnet "Arial". Använd teckensnittsfamiljnamnet Arial för att använda det generiska Arial -teckensnittet, eller ange Arial Narrow för att använda det specifika teckensnittet. I praktiken, du bör använda ett generiskt typsnittsfamiljnamn för de flesta av en webbplats kroppstext och sedan använda mer specifika teckensnitt för rubriker.

Steg 2

Lägg till ett generiskt teckensnittsfamiljnamn till din typsnittsstapel. Fontstacks är listor över typsnittsfamiljer 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 typsnittsstackar som börjar med serifontsnitt som Georgia eller Times New Roman, och använd "sans-serif" för att avsluta typsnittsstaplar som börjar med typsnitt som Helvetica eller Verdana. Andra generiska namn inkluderar "monospace, "" kursiv "och" fantasi. "Observera att generiska typsnittsfamiljenamn är irrelevanta när du lägger in ett teckensnitt med @font-face.

Lägg till citattecken kring typsnittsfamiljnamn som är mer än ett ord långt. Enstaka ordtypnamn 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 teckensnitt heter i CSS:body {font-family:"Helvetica Neue", Arial, sans serif; } Ovanstående teckenstapel 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 vanliga Helvetica på ett fult sätt. Windows -användare kommer att se Arial. Alla andra användare kommer att se ett standard sans-serif-teckensnitt baserat på webbläsarens inställningar.

Dricks

• Några kända designers, som Paul Irish och Chris Coyier, föreslå nu att du tar bort teckensnittsstaplar och bara namnger generiska teckensnittsfamiljer, särskilt när det gäller den vanliga Helvetica, Arial och sans-serif stack. Detta för att respektera användarinställningar och, i fallet med exemplet sans-serif stack, för att spara designers tid eftersom de flesta webbläsare väljer de typsnitten ändå.