Du behöver din webbplats eller applikation för att se fantastisk ut, och typografi är en nyckelfaktor i design som inte kan förbises. Så var kan du hitta gratis teckensnitt online 2020 som upprätthåller en hög kvalitetsstandard?
Jag är övertygad om att ett användargränssnitt inte ska visa mer än vad som är absolut nödvändigt för att skapa den optimala balansen mellan minimalism och visuell överklagande samtidigt som de nödvändiga elementen ser visuellt tilltalande ut.
Håll det enkelt, men gör det enkla att se fantastiskt ut.
Men hur ser enkelt ut exakt?
Tja, ta bort alla överdrivna marknadsföringsgimmickar, överflödiga funktioner och röriga bilder, och det mesta som återstår är UI-kopiering och textinnehåll. Så tråkigt som detta låter, låt oss vara ärliga: det här är den viktigaste aspekten av någon app eller webbplats. Information och möjligheten att navigera i det är hela anledningen till att användare använder vår app eller webbplats.
Så med rätt typsnitt i kombination med rätt typsnitt (se “Font vs typsnitt: den ultimata guiden”), Kan vi skapa mönster som är ganska enkla och ändå visuellt tilltalande samtidigt. Detta betonar de viktigaste aspekterna av designen samtidigt som man använder färre resurser och ger också minst oönskad kognitiv belastning.
Typografi kan vara mycket kraftfull.
Men vilka är de bästa gratis teckensnittswebbplatserna?
Var inte för att leta efter gratis teckensnitt
Dribbble, Behance, Gumroad och så vidare är hem för massor av dolda pärlor, men detta innebär att man siktar igenom en hel del digitala resurser, varav några är ofullständiga sidovärden och ”lite” versioner. Med detta sagt, se till att du bokmärker fantastiska resurser om du råkar stöta på några. Även Instagram kan överraska dig, och Twitter bör inte heller förbises.
Bortsett från det, låt oss ta en titt som de bästa gratis teckensnittswebbplatserna.
Nummer ett på denna lista över "bästa gratis teckensnitt" är uppenbarligen Google-teckensnitt, som går utöver vad de flesta alternativ erbjuder. Först och främst erbjuder Google Fonts ett snabbt och bekvämt CDN (innehållsleveransnätverk), vilket gör det super enkelt att bädda in webbfonter på webbplatser utan att behöva vara värd för dem.
Google-teckensnitt kan delas in efter skript och vikt, och vi kan också styra hur de laddas på webben genom att ställa in font-display CSS-egenskap från inbäddningskodens frågesträng, vilket förbättrar webbplatsens laddningstider. (CSS-Tricks-artikeln om “Google-teckensnitt och teckensnittsvisning”Förklarar hur.)
Kom ihåg att teckensnitt med självhushåll är bättre för privatpolicy (eftersom det är kaklöst) och fart (eftersom det ger utvecklare mer kontroll). Hur som helst har Google Fonts en enorm repertoar.
Jag vet vad du tänker: "Creative Market är inte gratis, Daniel!"
Ahhh, men vad sägs om Gratis varor sektion? Vad som är intressant med Free Goods är att dessa faktiskt är Premium teckensnitt som är tillfälligt gratis. Även om avsnittet inte är så stort, och det är inte garanterat att det inkluderar teckensnitt specifikt, varje vecka uppdateras det med sex nya designtillgångar (plus tre till om du registrerar dig och ytterligare tre om du spenderar X-belopp på tillgångar).
Jag har kollat avsnittet Gratis varor på Creative Market varje vecka i flera år, och jag har byggt upp ett stort arkiv med högkvalitativa teckensnitt som kostar bokstavligen ingenting. Teckensnittsbuntar driver en liknande affär.
Font Squirrel är som Unsplash men för typsnitt, men med tanke på hur länge det har funnits (riktigt länge!) Kanske att säga att Unsplash är som Font Squirrel men för stockbilder är det mer exakt! Det är en av de veteranfria teckensnittswebbplatserna bredvid Dafont, 1001 gratis typsnittoch Urban typsnitt, även om "ekorre" är bättre.
Även om många av veteransidorna ser lite föråldrade ut har Font Squirrel behållit sin webbplats något modern jämfört med resten. Det har också ett par mycket användbara verktyg:
FontSpace är en av de snyggare webbplatserna, även om den bara erbjuder teckensnitt som är gratis för personlig användning, medan Font Squirrel bekräftar att alla deras teckensnitt också är gratis för kommersiellt bruk. FontSpace kanske inte alltid är lämpligt.
Vad som skiljer Befonts är dess fokus på displayteckensnitt.
Även om vissa av teckensnitten bara erbjuder lite / demo-versioner och ofta nog bara finns i TTF / OTF-format (vilket betyder att de är mindre lämpliga för webben), är Befonts en av de få webbplatser som inte tar “vi har allt ”tillvägagångssätt (som ibland kan vara överväldigande). Dessutom kan du alltid konvertera TTF- och OTF-teckensnitt till webbfonter.
Font Shop fokuserar inte helt på fria typsnitt som Font Squirrel och FontSpace, men det är fortfarande ett ganska anständigt alternativ om alternativ ett till fyra inte hade det du letade efter. Jag tycker att det är minst användarvänligt av alternativen, men teckensnitten är relativt högkvalitativa.
Hedersomnämnanden
Följande gratis teckensnittswebbplatser ser lite föråldrade ut, och sanningsvis gör vissa av teckensnitten det också, men de är utan tvekan några av de största databaserna med gratis teckensnitt som finns idag:
Vilket typsnittsformat behöver jag?
OpenType (OTF) och TrueType (TTF) teckensnittsformat har varit standard under riktigt länge, och de används fortfarande mycket i grafisk design idag. Men som sagt, WOFF-format har bättre komprimering på webben (särskilt WOFF2, som nu stöds i 94.49% av webbläsare enligt caniuse.com). I själva verket erbjuder den nya inbäddningskoden för Google Fonts bara WOFF2-formatet nu.
Så kort sagt:
- WOFF2 för webbinbäddningar
- TTF / OTF för allt annat
Vilken typsnitt behöver jag?
Numera spelar det ingen roll så mycket eftersom normerna har kastats ut genom fönstret. Som ett exempel, Serif-teckensnitt kan ha en modern känsla nu (tänk Medium).
Istället bör vi fokusera mer på tydlighet:
- Läsbarhet (hur lätt det är att skilja karaktärer ifrån varandra)
- Läsbarhet (hur lätt det är att läsa meningar som helhet)
En del av detta kommer ner till själva teckensnittet, så man bör vara uppmärksam när man bestämmer vilka teckensnitt man ska använda, men andra gånger handlar det om hur teckensnittet är stylat (när det gäller storlek, vikt och så vidare).
När du är osäker, WCAG 2.0 / 2.1 (Riktlinjer för tillgänglighet för webbinnehåll) har allt du behöver veta om typografi och dess många attribut, såsom linjeavstånd, radbredd, radhöjd, teckensnittsstorlek och så vidare.
Slutsats
Teckensnitt är super användbara, och de är ofta allt som behövs för att uppnå rätt mängd visuell och känslomässig överklagande utan att lägga på mer och mer visuell röran. Din design behöver ändå text, så varför inte göra den till den mest framstående aspekten av den?
