uw site moet er goed uitzien, en typografie is een belangrijke factor in het ontwerp. Waar vindt u gratis lettertypen online in 2020 die een hoge standaard van kwaliteit te handhaven?

ik geloof dat een gebruikersinterface alleen moet zijn wat nodig is, terwijl deze noodzakelijke elementen aantrekkelijk zijn. We willen de optimale balans vinden tussen minimalisme en visuele aantrekkingskracht.

houd het simpel, maar laat de simple er geweldig uitzien.

maar hoe ziet simple er precies uit?

verwijder de rommel, en het meeste wat overblijft is de UI-kopie en tekstinhoud. Het is niet spannend, maar laten we eerlijk zijn: dit is het belangrijkste aspect van een app of website. Informatie is de hele reden waarom Gebruikers onze app of website gebruiken.

dus met het juiste lettertype gekoppeld aan de juiste lettertypestijlen (zie lettertype vs.lettertype: the ultimate guide), kunnen we ontwerpen maken die vrij eenvoudig en aantrekkelijk zijn op hetzelfde moment. Dit benadrukt de belangrijke aspecten van het ontwerp, gebruikt minder middelen, en induceert de minst ongewenste cognitieve belasting.

typografie kan zeer krachtig zijn.

maar wat zijn de beste gratis lettertypewebsites?

waar niet te zoeken naar gratis lettertypen

Dribbble, Behance, Gumroad, enzovoort zijn de thuisbasis van een ton van verborgen edelstenen, maar dit houdt in zeven door middel van vele digitale bronnen, waarvan sommige zijn onvolledige side ventures en “lite” versies. Dat gezegd hebbende, zorg ervoor dat u bookmark awesome middelen als je toevallig te komen over een. Zelfs Instagram zou je kunnen verrassen, en Twitter mag niet over het hoofd worden gezien.

dat terzijde, laten we een kijkje nemen als de beste gratis font websites.

Google Fonts

Nummer één op deze lijst is duidelijk Google Fonts, die verder gaat dan wat de meeste alternatieven bieden. Allereerst, Google Fonts biedt een snelle en handige CDN (content delivery network), waardoor het super eenvoudig om Web fonts in te bedden in websites zonder ze daadwerkelijk te hosten.

Google-lettertypen kunnen worden gesubsetteerd door script en gewicht, en we kunnen ook bepalen hoe ze op het Web worden geladen door de eigenschap font-display CSS in te stellen vanuit de query-string van de embed-code, wat de laadtijden van de website verbetert. (Het CSS-Tricks artikel Over “Google Fonts en font-display” legt uit hoe.)

Let wel, self-hosting fonts zijn beter voor de privacy (omdat het cookieloos is) en snelheid (omdat het ontwikkelaars meer controle biedt). Hoe dan ook, Google Fonts heeft een enorm repertoire.

creatieve markt

Ik weet wat je denkt: “creatieve markt is niet vrij, Daniel!”

Ahhh, maar hoe zit het met de sectie vrije goederen? Wat interessant is aan gratis goederen is dat dit eigenlijk premium lettertypen zijn die tijdelijk gratis zijn. Hoewel het niet gegarandeerd lettertypen bevat, wordt het elke week vernieuwd met zes nieuwe ontwerpactiva (plus drie meer wanneer u zich aanmeldt en nog eens drie als u X bedrag aan activa uitgeeft).

Ik controleer al jaren elke week de sectie vrije goederen over creatieve markt, en ik heb een grote opslagplaats opgebouwd van hoogwaardige lettertypen die niets kosten. Font Bundles draait een soortgelijke deal.

Font Squirrel

Font Squirrel is als Unsplash maar voor lettertypen, hoewel gezien hoe lang het al bestaat (een hele lange tijd!), misschien zeggen dat Unsplash is als lettertype eekhoorn, maar voor stockafbeeldingen is nauwkeuriger! Een van de veteran free font websites naast Dafont en Urban Fonts, hoewel “eekhoorn” is beter.

hoewel veel van de veteranen sites er een beetje verouderd uitzien, heeft Font Squirrel zijn website enigszins modern gehouden in vergelijking met de rest. Het heeft ook een paar handige tools:

• Webfont Generator (zet TrueType/OpenType-lettertypen in webfonts)
• Lettertype-Id (voor het vinden van de naam van het lettertype van een geuploade afbeelding/screenshot)

FontSpace

FontSpace is één van de mooiere uitziende websites, hoewel het alleen fonts gratis voor persoonlijk gebruik, terwijl Font Squirrel bevestigt dat alle lettertypen zijn gratis voor commercieel gebruik. FontSpace is misschien niet altijd geschikt.

door lettertypen

Wat Befonts onderscheidt is de focus op display-lettertypen.

hoewel sommige van de lettertypen alleen lite / demo versies bieden en vaak genoeg alleen in TTF/OTF formaat (wat betekent dat ze minder geschikt zijn voor het Web), is Befonts een van de weinige websites die niet de “we have everything” aanpak (die soms overweldigend kan zijn). Bovendien kunt u altijd TTF-en OTF-lettertypen converteren naar weblettertypen.

Font Shop

Font Shop richt zich niet volledig op vrije lettertypen zoals Font Squirrel en FontSpace, maar het is nog steeds een behoorlijk alternatief als de opties één tot vier niet hadden wat u zocht. Ik vind het de minst gebruiksvriendelijke van de opties, maar de lettertypen zijn relatief hoge kwaliteit.

eervolle vermeldingen

De volgende gratis font websites zien er een beetje verouderd uit, en eerlijk gezegd doen sommige van de lettertypen dat ook, maar ze zijn misschien wel enkele van de grootste databases van vrije lettertypen die er vandaag de dag zijn:

• Dafont
• Urban Fonts
• fontsly

welk lettertype heb ik nodig?

OpenType (OTF) en TrueType (TTF) lettertypeformaten zijn al heel lang de standaard, en ze worden vandaag de dag nog steeds veel gebruikt in grafisch ontwerp. Maar dat gezegd zijnde, WOFF formaten hebben een betere compressie op het Web (vooral WOFF2, die nu wordt ondersteund in 94,49% van de webbrowsers volgens caniuse.com In feite, de nieuwe Google Fonts embed code biedt alleen de WOFF2 formaat nu.

So, kortom:

• WOFF2 voor web embedds
• TTF / OTF voor al het andere

welke letterstijl heb ik nodig?

tegenwoordig maakt het niet echt uit omdat de normen een beetje uit het venster zijn gegooid. Als voorbeeld, Serif lettertypen kunnen nu een moderne uitstraling hebben (denk Medium).

in plaats daarvan moeten we ons meer richten op duidelijkheid:

• leesbaarheid (hoe gemakkelijk het is om tekens uit elkaar te houden)
• leesbaarheid (hoe gemakkelijk het is om zinnen als geheel te lezen)

sommige van dit komt neer op het lettertype zelf, dus men moet oplettend zijn bij het beslissen welke lettertypen te gebruiken, maar andere keren komt het neer op hoe het lettertype de opmaak is (in termen van grootte, gewicht, enzovoort).

bij twijfel, de WCAG 2.0 / 2.1 (Web Content Accessibility Guidelines) hebben alles wat je moet weten over typografie en de vele attributen, zoals regelafstand, lijnbreedte, lijnhoogte, lettergrootte, enzovoort.

conclusie

lettertypen zijn super nuttig, en ze zijn vaak alles wat nodig is om de juiste hoeveelheid visuele en emotionele aantrekkingskracht te bereiken zonder steeds meer visuele rommel op te leggen. Uw ontwerp heeft toch tekst nodig, dus waarom maakt u het niet het meest opvallende aspect ervan?