Meilleurs sites Web de haute qualité pour le téléchargement de polices –

Vous avez besoin que votre site Web ou votre application soit magnifique, et la typographie est un facteur clé de la conception qui ne peut être ignoré. Alors, où pouvez-vous trouver des polices gratuites en ligne en 2020 qui respectent un haut niveau de qualité?

Je suis fermement convaincu que, pour trouver l'équilibre optimal entre minimalisme et attrait visuel, une interface utilisateur ne devrait pas afficher plus que ce qui est absolument nécessaire tout en rendant ces éléments nécessaires visuellement attrayants.

Gardez les choses simples, mais rendez les choses simples étonnantes.

Mais, à quoi ressemble le simple exactement?

Eh bien, enlevez tout le haut. des astuces de marketing, des fonctionnalités redondantes et des visuels encombrants, et la plupart de ce qui reste est la copie de l'interface utilisateur et le contenu du texte. Aussi ennuyeux que cela puisse paraître, soyons honnêtes: c'est l'aspect le plus important de toute application ou site Web. Les informations et la possibilité de les parcourir sont la raison pour laquelle les utilisateurs utilisent notre application ou notre site Web.

Donc, avec la bonne police de caractères associée aux bons styles de police (voir « Police vs police de caractères: le guide ultime » ), nous pouvons créer des conceptions assez simples et pourtant visuellement attrayantes en même temps. Cela met l'accent sur les aspects les plus importants de la conception tout en utilisant moins de ressources et en induisant également le moins de charge cognitive indésirable.

La typographie peut être très puissante.

Mais quels sont les meilleurs sites Web de polices gratuites?

Où pas pour rechercher des polices gratuites

Dribbble, Behance, Gumroad et ainsi de suite abritent une tonne de joyaux cachés, mais cela implique de passer au crible de nombreuses ressources numériques, dont certaines sont des aventures latérales incomplètes et versions "lite". Cela étant dit, assurez-vous de mettre en signet des ressources impressionnantes si vous en rencontrez. Même Instagram pourrait vous surprendre, et Twitter ne devrait pas non plus être ignoré.

Cela mis à part, jetons un œil aux meilleurs sites Web de polices gratuites.

Le numéro un sur cette liste des "meilleures polices gratuites" est évidemment Google Fonts, qui va au-delà de ce que la plupart des sites Web de polices gratuits offrent. Tout d'abord, Google Fonts offre un CDN (réseau de diffusion de contenu) rapide et pratique, ce qui facilite l'intégration de polices Web dans des sites Web sans avoir à les héberger.

Les polices Google peuvent être sous-définies par script et poids, et nous pouvons contrôlez également la façon dont ils sont chargés sur le Web en définissant la propriété CSS display-font à partir de la chaîne de requête du code intégré, ce qui améliore les temps de chargement du site Web. (L'article CSS-Tricks sur « Polices Google et affichage des polices » explique comment.)

Attention, les polices auto-hébergées sont meilleures pour la confidentialité de (car elles ne nécessitent pas de cookies) et vitesse (car elle offre aux développeurs plus de contrôle). Quoi qu'il en soit, Google Fonts a un répertoire énorme.

Je sais ce que vous pensez: "Le marché créatif n'est pas gratuit, Daniel!"

Ahhh, mais qu'en est-il de la section Free Goods ? Ce qui est intéressant avec Free Goods, c'est que ce sont en fait des polices premium qui sont temporairement gratuites. Bien que la section ne soit pas si énorme, et qu'il n'est pas garanti d'inclure des polices spécifiquement chaque semaine, elle est actualisée avec six nouveaux éléments de conception (plus trois de plus si vous vous inscrivez et trois autres si vous dépensez [MontantXsurlesactifs)

Je vérifie la section Free Goods sur Creative Market chaque semaine depuis des années et j'ai créé un grand référentiel de polices de haute qualité qui ne coûtent littéralement rien. Ensembles de polices propose un accord similaire.

Font Squirrel est comme Unsplash mais pour les polices, bien que vu la durée de son existence (très longtemps!) en disant peut-être que Unsplash est comme Font Squirrel mais pour les images boursières, c'est plus précis! C'est l'un des sites vétérans de polices gratuites aux côtés de Dafont 1001 Free Fonts et Urban Fonts bien que "squirrel" soit meilleur.

Bien que beaucoup de les anciens sites Web de polices gratuites semblent un peu dépassés, Font Squirrel a gardé son site Web quelque peu moderne par rapport aux autres. Il possède également quelques outils très utiles:

FontSpace est l'un des sites Web les plus agréables pour les polices gratuites, bien qu'il ne propose que des polices gratuites. pour usage personnel tandis que Font Squirrel confirme que toutes leurs polices sont également gratuites pour un usage commercial. FontSpace n'est peut-être pas toujours adapté.

Ce qui distingue Befonts, c'est sa concentration sur les polices d'affichage.

Bien que certaines polices ne proposent que des versions allégées / démo et souvent assez souvent uniquement au format TTF / OTF (ce qui signifie qu'ils sont moins adaptés au Web), Befonts est l'un des rares sites Web qui n'adopte pas l'approche «nous avons tout» (ce qui peut parfois être écrasant). En outre, vous pouvez toujours convertir les polices TTF et OTF en polices Web .

Font Shop ne se concentre pas entièrement sur les polices gratuites comme Font Squirrel et FontSpace, mais c'est toujours une alternative plutôt décente si les options 1 à 4 n'avaient pas ce que vous cherchiez. Je trouve que c'est la moins conviviale des options, mais les polices sont de relativement haute qualité.

Mentions honorables

Les sites Web de polices paraissent un peu dépassés, et à vrai dire, certaines polices le font aussi, mais elles sont sans doute parmi les plus grandes bases de données de polices gratuites actuellement disponibles:

De quel format de police ai-je besoin?

OpenType (OTF ) et les formats de police TrueType (TTF) sont la norme depuis très longtemps, et ils sont encore largement utilisés dans la conception graphique aujourd'hui. Mais cela étant dit, les formats WOFF ont une meilleure compression sur le Web (en particulier WOFF2, qui est maintenant pris en charge dans 94,49% des navigateurs Web selon caniuse.com ). En fait, le nouveau code d'intégration de Google Fonts ne propose plus que le format WOFF2.

Donc, en bref:

• WOFF2 pour les intégrations Web
• TTF / OTF pour tout le reste

De quel style de police ai-je besoin?

De nos jours, cela n'a plus vraiment d'importance car les normes ont été un peu rejetées par la fenêtre. Par exemple, Les polices Serif peuvent maintenant avoir une allure moderne (pensez Medium).

Au lieu de cela, nous devrions nous concentrer davantage sur la clarté:

• Lisibilité (à quel point il est facile de distinguer les caractères) [19659036] Lisibilité (à quel point il est facile de lire des phrases dans leur ensemble)

Une partie de cela se résume à la police elle-même, donc il faut être attentif au moment de décider quelles polices utiliser, mais d'autres fois, cela revient à la façon dont la police est un style (en termes de taille, de poids, etc.).

En cas de doute, les WCAG 2.0 / 2.1 (Web Content Accessibility Guidelines) ont tout ce que vous devez savoir sur la typographie et ses nombreuses

Conclusion

Les polices sont super utiles, et elles sont souvent tout ce dont vous avez besoin pour obtenir la bonne quantité d'attrait visuel et émotionnel. sans mettre de plus en plus d'encombrement visuel. Votre design a quand même besoin de texte, alors pourquoi ne pas en faire l'aspect le plus remarquable?