du har brug for din hjemmeside til at se godt ud, og typografi er en nøglefaktor i design. Hvor kan du finde gratis skrifttyper online i 2020, der opretholder en høj kvalitetsstandard?

Jeg mener, at en brugergrænseflade kun skal det, der er nødvendigt, samtidig med at de nødvendige elementer appellerer. Vi ønsker at finde den optimale balance mellem minimalisme og visuel appel.

hold det enkelt, men få det enkle til at se godt ud.

men hvordan ser simple ud?

Fjern rodet, og det meste af det, der er tilbage, er UI-kopi og tekstindhold. Det er ikke spændende, men lad os være ærlige: dette er det vigtigste aspekt af enhver app eller hjemmeside. Information er hele grunden til, at brugerne bruger vores app eller hjemmeside.

så med det rigtige skrifttype kombineret med de rigtige skrifttypestile (se skrifttype vs. skrifttype: den ultimative guide), kan vi skabe design, der er ret enkle og tiltalende på samme tid. Dette understreger de vigtige aspekter af designet, bruger færre ressourcer og inducerer den mindst uønskede kognitive belastning.

typografi kan være meget kraftfuld.

men hvad er de bedste gratis font hjemmesider?

hvor man ikke skal kigge efter gratis skrifttyper

Dribbble, Behance, Gumroad og så videre er hjemsted for masser af skjulte perler, men dette indebærer sigtning gennem mange digitale ressourcer, hvoraf nogle er ufuldstændige sideforetagender og “lite” versioner. Når det er sagt, skal du sørge for at bogmærke fantastiske ressourcer, hvis du tilfældigvis støder på nogen. Selv Instagram kan overraske dig, og kvidre bør heller ikke overses.

det til side, lad os se ud som de bedste gratis skrifttypesider.

Google Fonts

nummer et på denne liste er naturligvis Google Fonts, som går ud over, hvad de fleste alternativer tilbyder. Først og fremmest tilbyder Google Fonts et hurtigt og bekvemt CDN (content delivery netværk), hvilket gør det super nemt at integrere skrifttyper på hjemmesider uden faktisk at være vært for dem.

Google-skrifttyper kan undersættes af script og vægt, og vi kan også kontrollere, hvordan de indlæses på internettet ved at indstille font-display CSS-egenskaben fra indlejringskodens forespørgselsstreng, hvilket forbedrer hjemmesidens indlæsningstider. (CSS-Tricks-artiklen Om “Google Fonts and font-display” forklarer hvordan.)

husk, selvhostende skrifttyper er bedre for privatlivets fred (fordi det er cookieless) og hastighed (fordi det giver udviklere mere kontrol). Uanset hvad har Google Fonts et humungous repertoire.

kreativt marked

Jeg ved hvad du tænker: “kreativt marked er ikke gratis, Daniel!”

Ahhh, men hvad med afsnittet Om gratis varer? Hvad der er interessant ved gratis varer er, at dette faktisk er premium-skrifttyper, der midlertidigt er gratis. Selvom det ikke garanteres at inkludere skrifttyper, opdateres det med seks nye designaktiver hver uge (plus tre mere, når du tilmelder dig, og yderligere tre, hvis du bruger et beløb på Aktiver).

Jeg har kontrolleret afsnittet Om gratis varer på Creative Market hver uge i årevis, og jeg har opbygget et stort lager af skrifttyper af høj kvalitet, der ikke koster noget. Font Bundles kører en lignende aftale.

Font egern

Font egern er som Unsplash men for skrifttyper, selvom man overvejer, hvor længe det har eksisteret (virkelig lang tid!), måske at sige, at Unsplash er som Font egern, men for stock billeder er mere præcis! En af de veteran gratis skrifttype hjemmesider sammen med Dafont og Urban skrifttyper, selvom “egern” er bedre.

selvom mange af veteransiderne ser lidt forældede ud, har Font egern holdt sin hjemmeside noget moderne sammenlignet med resten. Font Identifier (for at finde ud af navnet font fra et uploadet billede/screenshot)

FontSpace

FontSpace er en af de mest populære de pænere udseende hjemmesider, selv om det kun tilbyder skrifttyper gratis til personlig brug, mens font egern bekræfter, at alle deres skrifttyper er gratis til kommerciel brug. FontSpace er måske ikke altid egnet.

af skrifttyper

Hvad sætter Befonts fra hinanden er dens fokus på display skrifttyper.

selvom nogle af skrifttyperne kun tilbyder lite / demo-versioner og ofte nok kun kommer i TTF/OTF-format (hvilket betyder, at de er mindre egnede til internettet), er Befonts en af de meget få hjemmesider, der ikke tager “vi har ALT” – tilgangen (hvilket kan være overvældende nogle gange). Desuden kan du altid konvertere TTF-og OTF-skrifttyper til skrifttyper.

Font Shop

Font Shop fokuserer ikke helt på gratis skrifttyper som Font egern og FontSpace, men det er stadig et ret anstændigt alternativ, hvis indstillinger en til fire ikke havde det, du ledte efter. Jeg finder det at være den mindst brugervenlige af mulighederne, men skrifttyperne er relativt høj kvalitet.

Honorable Mentions

følgende Gratis font hjemmesider ser lidt forældet, og sandfærdigt nogle af de skrifttyper gøre så godt, men de er velsagtens nogle af de største databaser af gratis skrifttyper derude i dag:

• Dafont
• Urban Fonts
• Fontsly

/li>

hvilket skrifttypeformat har jeg brug for?

OpenType (OTF) og TrueType (TTF) skrifttypeformater har været standarden i rigtig lang tid, og de bruges stadig meget i grafisk design i dag. Men når det er sagt, har VE-formater bedre komprimering på nettet (især ve-2, som nu understøttes i 94.49% af caniuse.com). faktisk tilbyder den nye Google Fonts indlejringskode kun VE2-formatet nu.

så kort sagt:

• hvilken skrifttypestil har jeg brug for?

  I dag betyder det ikke rigtig noget, fordi normerne er blevet smidt ud af vinduet lidt. Som et eksempel kan Serif-skrifttyper have en moderne fornemmelse nu (tænk Medium).

  i stedet skal vi fokusere mere på klarhed:

  • læsbarhed (hvor let det er at skelne tegn fra hinanden)
  • læsbarhed (hvor let det er at læse sætninger som helhed)

  noget af dette kommer ned på selve skrifttypen, så man skal være opmærksom, når man beslutter, hvilke skrifttyper der skal bruges, men andre gange kommer det ned på, hvordan skrifttypen er stylingen (med hensyn til størrelse, vægt osv.).

  Når du er i tvivl, toiletskålen 2.0 / 2.1 (retningslinjer for tilgængelighed af internetindhold) har alt hvad du behøver at vide om typografi og dens mange attributter, såsom linjeafstand, linjebredde, linjehøjde, skriftstørrelse og så videre.

  konklusion

  skrifttyper er super nyttige, og de er ofte alt, hvad der er nødvendigt for at opnå den rigtige mængde visuel og følelsesmæssig appel uden at lægge på mere og mere visuel rod. Dit design har alligevel brug for tekst, så hvorfor ikke gøre det til det mest fremragende aspekt af det?