Hai bisogno del tuo sito per avere un bell’aspetto e la tipografia è un fattore chiave nel design. Dove si possono trovare font gratuiti online nel 2020 che sostengono un elevato standard di qualità?

Credo che un’interfaccia utente dovrebbe solo ciò che è necessario rendendo attraenti quegli elementi necessari. Vogliamo trovare l’equilibrio ottimale tra minimalismo e appeal visivo.

Keep it simple, ma rendere il semplice guardare grande.

Ma, che aspetto ha esattamente simple?

Elimina il disordine e la maggior parte di ciò che rimane è la copia dell’interfaccia utente e il contenuto del testo. Non è eccitante, ma siamo onesti: questo è l’aspetto più importante di qualsiasi app o sito web. Le informazioni sono l’intero motivo per cui gli utenti utilizzano la nostra app o il nostro sito web.

Quindi, con il carattere tipografico giusto accoppiato con gli stili di carattere giusti (vedi Font vs. typeface: the ultimate guide), possiamo creare disegni che sono abbastanza semplici e accattivanti allo stesso tempo. Ciò sottolinea gli aspetti importanti del design, utilizza meno risorse e induce il carico cognitivo meno indesiderato.

La tipografia può essere molto potente.

Ma quali sono i migliori siti web di font gratuiti?

Dove non cercare font gratuiti

Dribbble, Behance, Gumroad e così via ospitano una tonnellata di gemme nascoste, ma questo comporta il setacciamento di molte risorse digitali, alcune delle quali sono iniziative secondarie incomplete e versioni “lite”. Detto questo, assicurarsi che si bookmark risorse impressionante se vi capita di imbattersi in qualsiasi. Anche Instagram potrebbe sorprendervi, e Twitter non dovrebbe essere trascurato sia.

A parte questo, diamo un’occhiata come i migliori siti web di font gratuiti.

Google Fonts

Il numero uno di questa lista è ovviamente Google Fonts, che va al di là di ciò che la maggior parte delle alternative offrono. Prima di tutto, Google Fonts offre un CDN veloce e conveniente (content delivery network), che lo rende super facile da incorporare font web in siti web senza realmente ospitarli.

I font di Google possono essere sottoinsiemi per script e peso, e possiamo anche controllare come vengono caricati sul Web impostando la proprietàfont-display CSS dalla stringa di query del codice embed, che migliora i tempi di caricamento del sito Web. (L’articolo CSS-Tricks su “Google Fonts e font-display” spiega come.)

Intendiamoci, i font self-hosting sono migliori per la privacy (perché è privo di cookie) e la velocità (perché offre agli sviluppatori un maggiore controllo). In entrambi i casi, Google Fonts ha un repertorio humungous.

Creative Market

So cosa stai pensando: “Il mercato creativo non è libero, Daniel!”

Ahhh, ma per quanto riguarda la sezione Merci gratuite? La cosa interessante di Free Goods è che questi sono in realtà font premium temporaneamente gratuiti. Anche se non è garantito per includere i font, viene aggiornato con sei nuove risorse di progettazione ogni settimana (più altri tre quando ti iscrivi e altri tre se spendi X importo sulle attività).

Ho controllato la sezione Free Goods su Creative Market ogni settimana e ho creato un ampio repository di font di alta qualità che non costano nulla. Font Bundles esegue un accordo simile.

Font Squirrel

Font Squirrel è come Unsplash ma per i font, anche se considerando quanto tempo è passato in giro (un tempo davvero lungo!), forse dicendo che Unsplash è come Font Squirrel ma per le immagini stock è più preciso! Uno dei siti Web di font gratuiti veterani insieme a font Dafont e Urban, anche se “squirrel” è migliore.

Anche se molti dei siti veterani sembrano un po ‘obsoleti, Font Squirrel ha mantenuto il suo sito web un po’ moderno rispetto al resto. Essa ha anche un paio di strumenti molto utili:

• Webfont Generatore converte TrueType/OpenType in webfont)
• tipo di Carattere Identificatore (per scoprire il nome del font da un’immagine caricata/screenshot)

FontSpace

FontSpace è una delle più belle-alla ricerca di siti web, anche se offre solo font gratuito per uso personale, mentre Font Squirrel conferma che tutti i loro caratteri sono gratuiti per uso commerciale. FontSpace potrebbe non essere sempre adatto.

Per fonts

Ciò che distingue Befonts è la sua attenzione sui font di visualizzazione.

Anche se alcuni dei font offrono solo versioni lite/demo e spesso sono disponibili solo in formato TTF / OTF (nel senso che sono meno adatti per il Web), Befonts è uno dei pochissimi siti Web che non prende l’approccio “we have everything” (che a volte può essere travolgente). Inoltre, puoi sempre convertire i font TTF e OTF in font web.

Font Shop

Font Shop non si concentra completamente su caratteri gratuiti come Font Squirrel e FontSpace, ma è ancora un’alternativa piuttosto decente se le opzioni da uno a quattro non avevano quello che stavi cercando. Trovo che sia la meno user-friendly delle opzioni, ma i font sono relativamente di alta qualità.

Menzioni d’onore

I seguenti font gratis siti web, guardare un po ‘ obsoleto, e in verità alcuni tipi di carattere è di fare bene, ma sono probabilmente alcuni dei più grandi database di font gratuiti là fuori oggi:

• Dafont
• Urbano Font
• Fontsly

Che il formato dei caratteri ho bisogno?

I formati di font OpenType (OTF) e TrueType (TTF) sono stati lo standard per molto tempo e sono ancora utilizzati pesantemente nella progettazione grafica oggi. Ma detto questo, i formati WOFF hanno una migliore compressione sul Web (in particolare WOFF2, che ora è supportato nel 94,49% dei browser Web in base a caniuse.com). Infatti, il nuovo codice di Google Fonts embed offre solo il formato WOFF2 ora.

Quindi, in breve:

• WOFF2 per il web incorpora
• TTF / OTF per tutto il resto

Di quale stile di carattere ho bisogno?

Al giorno d’oggi, non importa perché le norme sono state buttate un po ‘ fuori dalla finestra. Ad esempio, i font Serif possono avere un tocco moderno ora (pensa a Medium).

Invece, dovremmo concentrarci di più sulla chiarezza:

• Leggibilità (come è facile raccontare personaggi a parte)
• la Leggibilità (come è facile leggere frasi come tutto)

Alcuni di questo è giù per il tipo di carattere, quindi, si dovrebbe essere attenti al momento di decidere i font da utilizzare, ma altre volte si tratta di come il tipo di carattere è lo stile (in termini di dimensioni, peso, e così via).

In caso di dubbio, il WCAG 2.0/2.1 (Web Content Accessibility Guidelines) hai tutto ciò che devi sapere sulla tipografia e sui suoi numerosi attributi, come interlinea, larghezza della linea, altezza della linea, dimensionamento dei font e così via.

Conclusione

I font sono super utili e spesso sono tutto ciò che serve per ottenere la giusta quantità di appeal visivo ed emotivo senza creare sempre più confusione visiva. Il tuo design ha bisogno di testo comunque, quindi perché non renderlo l’aspetto più eccezionale di esso?