aveți nevoie de site-ul dvs. pentru a arăta grozav, iar tipografia este un factor cheie în design. Unde puteți găsi fonturi gratuite online în 2020 care să mențină un standard ridicat de calitate?

cred că o interfață de utilizator ar trebui doar ceea ce este necesar în timp ce face aceste elemente necesare atrăgătoare. Vrem să găsim echilibrul optim între minimalism și atracția vizuală.

păstrați-l simplu, dar face simplu arata grozav.

dar, cum arată simplu exact?

îndepărtați dezordinea, iar cea mai mare parte a ceea ce a rămas este copia UI și conținutul textului. Nu este interesant, dar să fim sinceri: acesta este cel mai important aspect al oricărei aplicații sau site-uri web. Informațiile reprezintă întregul motiv pentru care utilizatorii folosesc aplicația sau site-ul nostru web.

deci, cu font dreapta cuplat cu stiluri de font dreapta (a se vedea Font vs.font: Ghidul ultimate), putem crea modele care sunt destul de simple și atrăgătoare în același timp. Acest lucru subliniază aspectele importante ale designului, folosește mai puține resurse și induce cea mai puțin nedorită sarcină cognitivă.Tipografia poate fi foarte puternică.

dar care sunt cele mai bune site-uri de fonturi gratuite?

în cazul în care nu să caute fonturi gratuite

Dribbble, Behance, Gumroad, și așa mai departe sunt acasa, la o tona de pietre ascunse, dar acest lucru implică cernerea prin mai multe resurse digitale, dintre care unele sunt asociații laterale incomplete și versiuni „lite”. Acestea fiind spuse, asigurați-vă că marcați resurse minunate dacă se întâmplă să întâlniți vreunul. Chiar și Instagram ar putea să vă surprindă, iar Twitter nu ar trebui să fie trecut cu vederea.

asta deoparte, să aruncăm o privire ca cele mai bune site-uri de fonturi gratuite.

Google Fonts

Numărul unu pe această listă este, evident, Google Fonts, care depășește ceea ce oferă majoritatea alternativelor. În primul rând, Google Fonts oferă un CDN rapid și convenabil (content delivery network), ceea ce face foarte ușor încorporarea fonturilor web în site-uri web fără a le găzdui efectiv.

fonturile Google pot fi subsetate în funcție de script și greutate și putem controla, de asemenea, modul în care sunt încărcate pe Web prin setarea proprietății CSSfont-display din șirul de interogare al Codului embed, care îmbunătățește timpul de încărcare a site-ului web. (Articolul CSS-trucuri pe „fonturi Google și font-display” explică modul în care.)

atenție, fonturile de auto-găzduire sunt mai bune pentru confidențialitate (pentru că este fără gătit) și viteză (deoarece oferă dezvoltatorilor mai mult control). Oricum, Google Fonts are un repertoriu humungous.

Creative Market

știu la ce te gândești: „Creative Market nu este gratuit, Daniel!”

Ahhh, dar cum rămâne cu secțiunea de bunuri gratuite? Ceea ce este interesant despre bunurile gratuite este că acestea sunt de fapt fonturi premium care sunt temporar gratuite. Deși nu este garantat să includă fonturi, este reîmprospătat cu șase active de design noi în fiecare săptămână (plus încă trei când vă înscrieți și alte trei dacă cheltuiți X sumă pe active).

am verificat secțiunea de bunuri gratuite de pe piața creativă în fiecare săptămână de ani de zile și am construit un depozit mare de fonturi de înaltă calitate care nu costă nimic. Font Bundles rulează o afacere similară.

font Squirrel

font Squirrel este ca Unsplash, dar pentru fonturi, deși având în vedere cât timp a fost în jur (un timp foarte lung!), poate spunând că Unsplash este ca font Squirrel, dar pentru imagini stoc este mai precis! Unul dintre site-urile veterane de fonturi gratuite alături de fonturile Dafont și Urban, deși „squirrel” este mai bun.deși multe dintre site-urile veteranilor arată puțin depășite, font Squirrel și-a păstrat site-ul oarecum modern în comparație cu restul. De asemenea, are câteva instrumente foarte utile:

• webfont Generator (convertește fonturile TrueType/OpenType în webfonts)
• Font Identifier (pentru a afla fontul numelui dintr-o imagine/captură de ecran încărcată)

FontSpace

FontSpace este una dintre cele mai-caută site-uri web, deși oferă doar fonturi gratuite pentru uz personal, în timp ce font squirrel confirmă faptul că toate fonturile lor sunt gratuite pentru uz comercial. FontSpace s-ar putea să nu fie întotdeauna potrivit.

de fonturi

ceea ce diferențiază Befonts este concentrarea sa pe fonturile de afișare.deși unele fonturi oferă doar versiuni lite / demo și adesea vin doar în format TTF / OTF (ceea ce înseamnă că sunt mai puțin potrivite pentru Web), Befonts este unul dintre puținele site-uri web care nu adoptă abordarea „avem totul” (ceea ce poate fi copleșitor uneori). În plus, puteți converti oricând fonturile TTF și OTF în fonturi web.

Font Shop

Font Shop nu se concentrează complet pe fonturi gratuite precum font Squirrel și FontSpace, dar este totuși o alternativă destul de decentă dacă opțiunile unu până la patru nu aveau ceea ce căutați. Mi se pare a fi cel mai puțin ușor de utilizat dintre opțiuni, dar fonturile sunt relativ de înaltă calitate.

Mențiuni de Onoare

următoarele site-uri de fonturi gratuite arată puțin depășite și, sincer, unele dintre fonturi fac la fel de bine, dar sunt probabil unele dintre cele mai mari baze de date de fonturi gratuite de astăzi:

• Dafont
• /li>

ce format de font am nevoie?

formatele de fonturi OpenType (OTF) și TrueType (TTF) au fost standard pentru o perioadă foarte lungă de timp și sunt încă utilizate foarte mult în designul grafic astăzi. Dar acestea fiind spuse, formatele WOFF au o compresie mai bună pe Web (în special WOFF2, care este acum acceptat în 94,49% din browserele web conform caniuse.com). de fapt, noul cod Google Fonts embed oferă acum doar formatul WOFF2.

deci, pe scurt:

• WOFF2 pentru web încorporează
• TTF / OTF pentru orice altceva

ce stil de font am nevoie?

În zilele noastre, nu prea contează pentru că normele au fost aruncate puțin pe fereastră. De exemplu, fonturile Serif pot avea o senzație modernă acum (gândiți-vă la mediu).

în schimb, ar trebui să ne concentrăm mai mult pe claritate:

• lizibilitate (cât de ușor este să distingi caracterele)
• lizibilitate (cât de ușor este să citești propoziții în ansamblu)

unele dintre acestea se rezumă la fontul în sine, deci ar trebui să fii atent atunci când decizi ce fonturi să folosești, dar alteori se reduce la modul în care fontul este stilul (în termeni de dimensiune, greutate și așa mai departe).

când aveți dubii, WCAG 2.0 / 2.1 (orientări privind accesibilitatea conținutului Web) aveți tot ce trebuie să știți despre tipografie și numeroasele sale atribute, cum ar fi spațierea liniei, lățimea liniei, înălțimea liniei, dimensionarea fontului și așa mai departe.

concluzie

fonturile sunt foarte utile și sunt adesea tot ceea ce este necesar pentru a obține cantitatea potrivită de atracție vizuală și emoțională fără a pune din ce în ce mai multă dezordine vizuală. Designul dvs. are nevoie de text oricum, deci de ce să nu-l faceți cel mai remarcabil aspect al acestuia?