Ta en titt på vilken webbplats som helst, oavsett bransch, företagsstorlek eller andra differentierande faktorer, och en sak du säkert ser att de har gemensamt är textinnehåll. Det sätt på vilket texten visas är praktiken av typografisk design och det är en av de viktigaste aspekterna av en webbplatss utseende och dess framgång.
Under många år begränsades webbdesigners i antalet teckensnitt som de skulle kunna använda om de ville ha de teckensnitt som ska visas på de webbplatser som de skapade. Dessa teckensnitt som hittades på de flesta datorer kallades "webbsäkra teckensnitt". Du kanske har hört den här terminen tidigare från en webbdesigner som de försökte förklara för dig varför ett visst typsnitt inte kunde användas i din webbplatss design.
Webtypografi har kommit långt under de senaste åren, och webbdesigners och utvecklare är inte längre begränsade till att bara använda en handfull webbsäkra typsnitt. Ökningen av webbfonter och möjligheten att länka direkt till teckensnittfiler har öppnat en helt ny värld av möjligheter för användning av webbplatsens teckensnitt. Så användbart som det är att nu ha tillgång till så många nya typsnitt val, de försökta och sanna webbsäkera teckensnitt har fortfarande en viktig plats i modern webbdesign.
Länkar till webbfonter
Använda teckensnitt på din webbplats som kanske inte finns på någons dator måste du länka till en webfontofil och instruera din webbplats att använda den fontfilen istället för att titta på besökarnas dator. Länkar till dessa externa typsnitt, som antingen ingår tillsammans med resten av webbplatsens tillgångar eller som kan kopplas till att använda en 3-parters typsnittstjänst, ger dig nästan obegränsade teckensnitt, men den fördelen kommer till ett pris. Externa teckensnitt måste laddas på en webbplats, vilket kommer att ha en resultatpåverkan på en webbsidans laddningstid. Det är här webbsäkra typsnitt kan fortfarande vara en fördel! Eftersom dessa fontfiler laddas direkt från besökarens dator, kommer ingen prestation att träffas när webbplatsen laddas. Därför använder många webbdesigners nu en blandning av webbfonter som måste laddas ner tillsammans med de trovärdiga webbsäkra teckensnitt. Detta kan vara det bästa i båda världarna, eftersom du får tillgång till några nya och exotiska typsnitt samtidigt som du fortfarande kan hantera webbplatsens prestanda och övergripande nedladdningseffekter.
Sans Serif Web Safe Fonts
Denna typ av typsnitt är en av dina bästa satsningar för webbsäkra teckensnitt. Om du inkluderar dessa i dina typsnittstaplar, kommer nästan alla att se sidan korrekt. Några vanliga sans-serif webbsäkra typsnitt är:
- Arial
- Arial Black
- Tahoma
- Trebuchet MS
- Verdana
Några andra sans-serif-val som ger dig bra total täckning, men kanske saknas från vissa datorer, är listade nedan. Kom bara ihåg att om du använder dessa måste du också inkludera en vanligare som en säkerhetskopia från listan ovan i din typsnittstapel.
- Century Gothic
- genever
- Lucida
- Lucida Sans
- Lucida Grande
Serif Web Safe Fonts
Förutom sans-serif-teckensnitt är serif-fontfamiljen ett annat populärt val för webbplatser. Här är några av dina säkraste vad du kan använda om du vill ha en serif-typsnitt:
- Kurir
- Courier New
- georgien
- Times
- Times New Roman
Återigen är listan nedan teckensnitt som kommer att finnas på många datorer, men som har mindre total täckning som listan ovan. Du kan använda dessa teckensnitt på ett tillförlitligt sätt men bör innehålla en mer vanlig serif font (från listan ovan) i din typsnittstapel också.
- MS Serif
- New York
- Palatino
- Palatino Linotype
Monospace Fonts
Medan inte lika allmänt använd som serif och sans-serif-teckensnitt, är monospaced-teckensnitt också ett alternativ. Dessa teckensnitt är sådana som har bokstäver som är lika fördelade. De har inte så bred acceptans över plattformar, men om du vill använda en monospace-typsnitt är dessa dina bästa satsningar:
- Kurir
- Courier New
Dessa teckensnitt har också viss täckning.
- Lucida Console
- Monaco
Cursive och Fantasy Fonts
Kursiva och fantasiska teckensnitt är inte populära som serif eller sans-serif, och de utsmyckade karaktären hos dessa teckensnitt gör dem olämpliga att använda som kroppskopia. Dessa teckensnitt används oftare som rubriker och titlar där de är inställda i större teckenstorlekar och endast för korta textstorlekar. Stylistiskt kan dessa teckensnitt se riktigt bra ut, men du måste väga utseendet på teckensnittet mot läsbarheten av vilken text du anger med hjälp av dem.
Det finns bara ett kursivt teckensnitt som är tillgängligt på Windows och Macintosh, men inte på Linux. Det är Comic Sans MS. Det finns inga fantasikonfonter som har bra täckning över webbläsare och operativsystem. Detta innebär att om du använder kursiv av fantasikonfonter på din webbplats använder du förmodligen dem som webbfonter och länkar till lämplig typfiler.
Smartphones och mobila enheter
Om du utformar sidor för mobila enheter är websäkra teckensnitt variabla. För iPhone, iPod och iPad-enheter innehåller de vanliga typsnitten:
- Arial
- Kurir
- Courier New
- georgien
- Helvetica
- Palatino
- Times New Roman
- Trebuchet MS
- Verdana
Webbfonter är ett utmärkt val när man överväger designen av flera enheter, eftersom det är möjligt att läsa externa typsnitt ger ett mycket mer konsekvent utseende från enhet till enhet. Du kan sedan temperera de nedladdade teckensnitt med ett eller två webbsäkra val för att få utseendet och prestanda som din webbplats behöver lyckas.
Originalartikel av Jennifer Krynin. Redigerad av Jeremy Girard den 8/8/17
