En av de bästa sakerna med CSS är att du kan använda den för att ändra de standardfonter som valts av webbläsarfabrikanterna till ett typsnitt som passar ditt varumärke, din stil eller din smak. Men om du väljer ett teckensnitt som "Goudy Stout" eller "Kunstler Script" kan du inte vara säker på att alla som ser din sida kommer att se dina teckensnitt.
Det enda sättet att garantera ett typsnitt är med bilder
Om du absolut måste ha ett visst teckensnitt, till exempel för en logotyp eller ett annat märkeelement, ska du använda en bild. Det är dock viktigt att komma ihåg att bilder gör dina webbplatser långsammare och svårare att läsa. Eftersom de inte kan skalas, kommer alla som behöver göra teckensnittet större att läsa det inte att kunna. Det är också inte praktiskt att göra stora bitar av innehåll till bilder.
I grund och botten rekommenderas det inte att använda bilder för text eftersom nackdelarna överväger de potentiella fördelarna. Trots allt är webben inte skrivet ut, och en bra webbdesigner är alltid flexibel med sin vision om sin design.
Välj din favorit typsnitt, lägg sedan till fler vanliga typsnitt efter det
Om du absolut måste ha Papyrus som typsnitt för din text kan du fortfarande använda CSS för att stila teckensnitt. Var noga med att använda en teckenserie så att kunder som inte har samma typsnitt men kanske har en annan, ser fortfarande en design nära din vision. Skriv teckensnittsfamiljerna i din föredragna ordning. Med andra ord, om Papyrus ser bäst ut, lista den först. Följ den med typsnittfamiljen som ser näst bästa ut, och så vidare.
Avsluta alltid din teckensnittslista med en generisk typsnitt. Detta kommer att se till att även om ingen av de teckensnitt du har valt finns på maskinen visas sidan fortfarande med rätt typsnitt, även om det inte är rätt familj.
Använd både Windows och Macintosh-teckensnitt på din lista
Medan det finns många teckensnitt som har samma namn på Macintosh som på Windows, finns det många som skiljer sig åt. Om du inkluderar både ett Windows-teckensnitt och ett Macintosh-teckensnitt, ser du till att dina sidor ser bäst ut på båda systemen.
Några av de vanliga typsnitten för systemen är:
- Vanliga Macintosh-teckensnitt
- Vanliga Windows-teckensnitt
- Jämför Windows och Macintosh-teckensnitt
Här är ett exempel på en bra typsnittslista:
font-family: Papyrus, Lucida Sans Unicode, Genève, sans-serif;
Den här listan innehåller ett populärt teckensnitt (Papyrus), ett Windows-teckensnitt (Lucida Sans Unicode), ett Macintosh-teckensnitt (Genève) och slutligen en generisk teckensnittsfamilj (sans-serif). Ett iögonfallande typsnitt är Artler Script, vilket är en kursiv typsnitt. Om du använder den ska du inte lista "cursive" som den generiska typsnitten, eftersom de flesta Windows-system använder Comic Sans MS som den generiska kursiva fonten. Istället kan du berätta för webbläsaren att använda en sans-serif-typsnitt om de inte har Kunstler Script. På det sättet kommer du att veta att åtminstone din text kommer att läsas, om inte i exakt stil du vill ha. Du behöver inte matcha den generiska teckensnittet till din favorit typsnittstyp
