du trenger at nettstedet ditt ser bra ut, og typografi er en nøkkelfaktor i design. Hvor kan du finne gratis fonter på nettet i 2020 som opprettholder en høy kvalitetsstandard?

jeg tror et brukergrensesnitt bør bare det som er nødvendig samtidig som de nødvendige elementene tiltalende. Vi ønsker å finne den optimale balansen mellom minimalisme og visuell appell.

Hold det enkelt, men gjør det enkle ser flott ut.

Men, hva gjør enkle ser ut akkurat?

Fjern rotet, og det meste av det som er igjen er UI-kopien og tekstinnholdet. Det er ikke spennende, men la oss være ærlige: dette er det viktigste aspektet av enhver app eller nettside. Informasjon er hele grunnen til at brukerne bruker vår app eller nettside.

Så med riktig skrifttype kombinert med de riktige skriftstilene (se Font vs skrifttype: the ultimate guide), kan vi lage design som er ganske enkle og tiltalende samtidig. Dette understreker de viktige aspektene ved designet, bruker færre ressurser og induserer minst uønsket kognitiv belastning.

Typografi kan være veldig kraftig.

men hva er de beste gratis skrift nettsteder?

Hvor ikke å lete etter gratis fonter

Dribbble, Behance, Gumroad, og så videre er hjem til massevis av skjulte perler, men dette innebærer sikting gjennom mange digitale ressurser, hvorav noen er ufullstendige side ventures og» lite » versjoner. Når det er sagt, sørg for at du bokmerke awesome ressurser hvis du tilfeldigvis kommer over noen. Selv Instagram kan overraske deg, Og Twitter bør ikke overses heller.

Som til side, la oss ta en titt som de beste gratis skrift nettsteder.

Google Fonts

Nummer en på denne listen er Åpenbart Google Fonts, som går utover hva de fleste alternativer tilbyr. Først Og Fremst Tilbyr Google Fonts et raskt OG praktisk CDN( content delivery network), noe som gjør det super enkelt å legge inn webfonter i nettsteder uten å faktisk være vert for dem.

Google fonts kan subsetted av script og vekt, og vi kan også kontrollere hvordan de er lastet på Nettet ved å settefont-display CSS eiendom fra innebyggingskodens spørringsstreng, noe som forbedrer nettstedet lastetider. (CSS-Triks artikkelen på «Google Fonts og font-display» forklarer hvordan.)

Mind deg, self-hosting fonter er bedre for personvern (fordi det er cookieless) og hastighet (fordi det gir utviklere mer kontroll). Uansett, Google Fonts har en humungous repertoar.

Kreativt Marked

Jeg vet hva du tenker: «Kreativt Marked er ikke gratis, Daniel!»

Ahhh, men hva Med Gratis Varer delen? Det som er interessant Om Gratis Varer er at disse faktisk er premium-skrifter som er midlertidig gratis. Selv om det ikke er garantert å inkludere skrifter, oppdateres det med seks nye designressurser hver uke (pluss tre til når du registrerer deg og ytterligere tre hvis Du bruker X beløp på eiendeler).jeg har sjekket Gratisvareseksjonen på Kreativt Marked hver uke i mange år, og jeg har bygget opp et stort lager av høykvalitets skrifter som ikke koster noe. Font Bundles kjører en lignende avtale.

Font Squirrel

Font Squirrel er Som Unsplash men for fonter, selv om du vurderer hvor lenge det har eksistert (en veldig lang tid!), kanskje sier At Unsplash er Som Font Ekorn, men for lager bilder er mer nøyaktig! En av veteran free font nettsteder sammen Med Dafont Og Urban Fonts, selv om «squirrel» er bedre.

Selv om mange av veteran nettsteder ser litt utdatert, Font Squirrel har holdt sin hjemmeside noe moderne i forhold til resten. Den har også et par svært nyttige verktøy:

• Webfont Generator (konverterer TrueType/OpenType-skrifter til webfonts)
• Font Identifier (for å finne ut navnet font fra et opplastet bilde/skjermbilde)

FontSpace

FontSpace er en av de bedre-ser nettsteder, selv om det bare tilbyr skrifter gratis for personlig bruk, mens font squirrel bekrefter at Alle Deres Skrifter er gratis For Kommersiell Bruk. FontSpace kan ikke alltid være egnet.

med fonter

Hva setter Befonts fra hverandre er fokuset på skjermfonter.Selv om noen av skriftene bare tilbyr lite/demo-versjoner og ofte nok bare kommer I TTF/OTF-format (noe som betyr at De er mindre egnet For Nettet), Er Befonts en av de svært få nettstedene som ikke tar «vi har alt» – tilnærmingen (som kan være overveldende noen ganger). Dessuten kan du alltid konvertere TTF-og OTF-skrifter til webfonter.

Font Shop

Font Shop fokuserer ikke helt på gratis skrifttyper som Font Squirrel og FontSpace, men det er fortsatt et ganske anstendig alternativ hvis alternativer en til fire ikke hadde det du lette etter. Jeg synes det er minst brukervennlig av alternativene, men skriftene er relativt høye kvalitet.

Hederlige Nevner

følgende gratis skrifttyper ser litt utdaterte ut, og sannferdig gjør noen av skriftene også, men de er uten tvil noen av de største databasene med gratis skrifter der ute i dag:

• Dafont
• Urban Fonts
• Fontsly

li>

hvilket skriftformat trenger jeg?

OpenType (OTF) og TrueType (Ttf) skriftformater har vært standard i veldig lang tid, og de brukes fortsatt tungt i grafisk design i dag. MEN NÅR DET er sagt, HAR woff-formater bedre komprimering på Nettet (spesielt WOFF2, som nå støttes i 94.49% av nettlesere i henhold til caniuse.com). faktisk tilbyr Den nye google Fonts embed-koden BARE woff2-formatet nå.

Så, kort sagt:

• WOFF2 for web bygger
• TTF/OTF for alt annet

hvilken skriftstil trenger jeg?

I Dag spiller det ingen rolle fordi normene har blitt kastet ut av vinduet litt. Som Et eksempel Kan Serif-skrifter ha en moderne følelse nå (tenk Medium).

I Stedet bør vi fokusere mer på klarhet:

• Lesbarhet (hvor lett det er å skille tegn fra hverandre)
• Lesbarhet (hvor lett det er å lese setninger som helhet)

Noe av dette kommer ned til skriften selv, så man bør være observant når man bestemmer hvilke skrifttyper å bruke, men andre ganger kommer det ned til hvordan skriften er styling (i form av størrelse, vekt, og så videre).

NÅR DU er i tvil, wcag 2.0 / 2.1 (Retningslinjer For Tilgjengelighet For Webinnhold) har alt du trenger å vite om typografi og dens mange attributter, for eksempel linjeavstand, linjebredde, linjehøyde, skriftstørrelse og så videre.

Konklusjon

Skrifter er super nyttige, og de er ofte alt som trengs for å oppnå riktig mengde visuell og emosjonell appell uten å legge på mer og mer visuell rot. Ditt design trenger tekst uansett, så hvorfor ikke gjøre det til det mest fremragende aspektet av det?