15 bästa webbsäkra typsnitt


Bästa webbsäkra typsnitt


90% * av webbdesign beror på:

  • (1) de bildtillgångar du använder 
  • (2) de teckensnitt du väljer.
    (* Det är vår personliga helt hypotetiska, partiska uppskattning.)

Teckensnitt inbäddningstjänster (som Google Web Fonts eller Adobe-teckensnitt) spratt upp som ett alternativ, vilket ger dina mönster något nytt, nytt och oväntat.

De är också superlätt att använda.

Ta Google till exempel:

Välj vilken typsnitt som du vill Öppna Sans eller Droid Serif eller Lato. Generera koden och klistra in i ditt dokument. Och du är redo att referera till det i CSS!

Det tog 60 sekunder. Och det var helt gratis. (Tack, Google!)

Vad kan gå fel, rätt?

Inte alla har tillgång till samma typsnitt. Vilket innebär att du kommer att ha ett problem. Det vackra teckensnittet du just valt kommer att visas som något slumpmässigt för dina besökare.

Inte om du skapar en fallback med ett webbsäkert alternativ!

Så här fungerar det.

P.S. Vi publicerade nyligen en gratis, steg-för-steg-guide för hur du skapar en webbplats med WordPress.

Varför är “webbsäker” fråga?

Varje enhet har sitt eget förinstallerade teckensnitt. Urvalet baseras till stor del på dess operativsystem.

Problemet är att varje system skiljer sig lite.

Windows-baserade enheter kan ha en grupp. MacOS-enheter drar från en annan. Googles eget Android-system använder också sitt eget.

Ta nu upp en webbplats. Även den här skulle fungera. Det teckensnitt du ser är kanske inte det ursprungliga avsedda.

Betydelse: Låt oss säga att designern valde en obskur, betald typsnitt för den här webbplatsens design. Om du inte redan har det teckensnittet installerat och det inte drar från en webbvänlig plats, är teckensnittet du ser skulle som standard gå tillbaka till någon grundläggande variation som Times New Roman.

Du som besökare skulle dock inte nödvändigtvis veta att det här är vad som hänt. För dig ser det kanske bara fult ut.

De ‘webbsäkra’, visas i alla operativsystem. Det är den lilla samlingen av teckensnitt som överlappar från Windows till Mac till Google (även Unix eller Linux sådana).

De ger designers (och webbplatsägare) möjlighet att specificera vilka teckensnitt till falla tillbaka till om det behövs. På så sätt kan du styra vad som dyker upp (oavsett vad) på alla enheter. Och du kan välja något som är fortfarande ganska nära det ursprungliga teckensnittet (så att vad dina användare inte skulle se något slumpmässigt eller på sin plats).

Det är en plan B, den “just-in-case” -versionen. Ett nödsystem för att rädda världen från dåliga typsnitt.

Jag fattar? Bra! Låt oss titta på de mest populära webbsäkra teckensnitten att välja mellan.

15 bästa webbsäkra typsnitt


Det kan vara några fler.

Men det är de bästa 15 webbsäkra teckensnitten att välja mellan. Välj en av dessa så kan du inte gå fel.

1. Arial

Web Safe-teckensnitt - Arial

Arial är som de facto standard för de flesta.

Det är ett av de mest använda sans-serif-teckensnitten (vilket betyder att det inte finns några små lockar i slutet av varje bokstav). Det ersätts ofta på Windows-enheter med andra intressanta (läs: vackrare) typsnitt.

2. Roboto

Webbsäker typsnitt - Roboto

Roboto är ett sans-serif-typsnitt som utvecklades av Google för att vara deras systemteckensnitt för Android.

3. Times New Roman

Web Safe-teckensnitt - Times New Roman

Times New Roman är att serif vad Arial är att sans serif.

Det är bland de mest populära på Windows-enheter och är en ny variant av det gamla Times-teckensnittet.

4 gånger

Web Safe Safe-tider

Times-teckensnittet ser förmodligen bekant ut. Det är det gamla tidningstrycket som du brukade se i en liten storlek i smala kolumner. Det är ungefär lika traditionellt som det blir.

5. Courier New

Web Safe-teckensnitt - Courier New

Courier New, liknande Times New Roman innan det, är en variant av en annan gammal klassiker. Det betraktas också som en fast bredd typsnitt (i motsats till serif kontra sans serif vi just såg).

6. Courier

Web Safe-teckensnitt - Courier

Courier är den gamla monospace-standby som finns på nästan alla enheter och operativsystem.

7. Verdana

Web Safe-teckensnitt - Verdana

Verdana är ett riktigt webbteckensnitt för (1) de enkla sans serif linjerna och (2) det är super stor storlek. Bokstäverna är nästan långsträckta, vilket gör det enkelt att läsa online.

8. Georgien

Web Safe Font - Georgia

Georgia liknar Verdana i storlek och statur (med större än vanliga bokstäver jämfört med typsnitt av samma storlek). Så även om det är bra under vissa omständigheter, se till att undvika att para detta serif-teckensnitt med andra (som Times New Roman) som kan se minsta ut i jämförelse.

9. Palatino

Web Safe-teckensnitt - Palatino

Palatino går tillbaka till renässansen. Allvarligt! Det är ett annat stort teckensnitt som gör det perfekt för webben, traditionellt används för rubriker och annonser i utskriftsstil.

10. Garamond

Web Safe-teckensnitt - Garamond

Garamond är ett annat typsnitt från gamla skolan som går tillbaka till stilar som används i 1500-talets Paris. Denna nya och förbättrade version introducerades och samlades på de flesta Windows-enheter (och har antagits av andra sedan).

11. Bookman

Web Safe-teckensnitt - Bookman

Bookman (eller Bookman Old Style) är ett annat perfekt rubrikalternativ som upprätthåller läsbarheten (eller läsbarheten) även om den används i en liten storlek.

12. Comic Sans MS

Web Safe-teckensnitt - Comic Sans MS

Comic Sans MS är ett lekfullt, nyckfullt alternativ till andra sans serif-alternativ.

Det är också lite flyktigt. Använd inte det! ��

13. Candara

Web Safe-teckensnitt - Candara

Candara är ett sans-serif-typsnitt på uppdrag av Microsoft. Det är en del av ClearType Font Collection som släpptes med Windows Vista.

14. Arial Black

Web Safe-teckensnitt - Arial Black

Arial Black är den större, djärvare, dårligare versionen av din grundläggande Arial. Roligt nog delar den också proportioner med Helvetica. Varför är det viktigt? Så att de kunde ursprungligen använd den för att ersätta Helvetica och skriva ut saker utan att betala för licensen.

15. Påverkan

Web Safe-teckensnitt - påverkan

Inverkan är ett annat djärvt rubrikval som ser bra ut med några korta ord, och helt fruktansvärt i en mening eller längre.

Slutsats

Webb-säkra teckensnitt ger dig en plan B. Ett fallback-alternativ för när ditt första alternativ kanske inte fungerar.

De är allmänt tillgängliga och har varit tillgängliga på de flesta enheter i decennier (i vissa fall).

Medan inte Allt av dem är # vinnare (Comic Sans MS? Yuck!), det finns tillräckligt med att välja mellan som borde vara nära relaterade till ditt ursprungliga alternativ.

Vad händer, om inte? Du kan inte gå fel med Arial!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me