Des polices de caractères gratuites en 9 conseils

La police de caractères est l’un des principaux éléments qui composent visuellement un site web. Parfois, les polices de base ne conviennent pas à votre concept et vous recherchez une police plus originale. Où trouver des polices gratuites ? Dans cet article, nous allons vous expliquer comment obtenir des polices de caractères gratuites en 9 conseils.

Tout créateur de site web souhaite que son site soit le plus beau possible et qu’il se charge le plus rapidement possible. Il doit souvent faire face à de nombreux dilemmes et trouver un compromis entre l’apparence, la convivialité, l’originalité et l’efficacité.

La police de caractères influe sur la conception et la lisibilité du site web, mais elle bloque et affecte également le temps de rendu de la page. De nombreuses techniques d’optimisation permettent de réduire ce temps. Il vaut la peine de les connaître et de les appliquer. Mais avant de commencer à optimiser une police de caractères, il faut la trouver.

Vous perdez souvent beaucoup de temps à trouver des pages contenant de belles polices, sous licence et dans un format valide, qui correspondent à votre concept. Pour vous aider, voici quelques idées pour trouver des polices gratuites. J’espère que je vous aiderai à économiser vos nerfs et votre temps.

Licence

Il n’est pas facile de trouver une police de caractères originale et agréable à utiliser gratuitement. De plus, l’utilisation d’une police gratuite peut être restreinte. Que vous téléchargiez un produit gratuit sur le web ou que vous le payiez, vous devez respecter la licence, et donc les directives de l’auteur.

Les sites que j’ai mentionnés fonctionnent un peu comme des agrégateurs de polices. Les propriétaires de ces sites ne sont pas des fabricants de polices. Ils s’assurent de faire tous les efforts possibles pour que chaque fichier ait sa licence correcte. Mais en même temps, ils ne sont pas responsables si vous utilisez la police contre la volonté de l’auteur.

Pour éviter tout problème juridique, consultez la licence attachée à la police. Le plus souvent, le fichier de police est accompagné d’un fichier texte (doc, docx ou txt). Il contient des informations sur l’auteur et la licence.

Format

Un visiteur se rendra sur votre site web à l’aide d’un navigateur. Celui-ci doit être capable de lire correctement la police de caractères. Si ce n’est pas le cas, il affichera sa police principale. Ce qui rendra votre page illisible. Dans un autre article, nous avons expliqué pourquoi il est utile d’utiliser des polices sûres, compatibles avec tous les appareils et tous les navigateurs. Dans cet article, je me concentre sur les polices innovantes et originales. Vous devez donc être conscient que toutes les polices ne sont pas toujours compatibles avec un navigateur.

L’idéal serait d’inclure une police compatible avec tous les navigateurs. Mais pour cela, il faudrait télécharger jusqu’à quatre formats différents. Il s’agit de développer des méthodes de compression plus efficaces.

Les nouveaux formats de polices ne fonctionnent que dans les navigateurs modernes. L’ajout des anciens formats permet de sauvegarder votre site web dans les navigateurs plus anciens. Alors pourquoi ne pas utiliser uniquement les anciens formats ? Les nouveaux formats sont plus efficaces et fonctionnent plus rapidement. Pour les utilisateurs des navigateurs les plus récents, la vitesse de chargement de la page sera critique, et chaque seconde supplémentaire de chargement de la page augmentera le pourcentage de personnes qui quitteront votre page avec irritation.

Voici les formats les plus courants :

• EOT, supporté par les navigateurs Internet Explorer, format exclusif pour IE jusqu’en 2010 ;
• WOFF, supporté par la plupart des nouveaux navigateurs ;
• WOFF2 est le dernier format de fichier qui occupe le moins d’espace mais ne fonctionne qu’avec les navigateurs récents ;
• OTF et TTF sont les formats les plus populaires qui supportent même les navigateurs les plus anciens (Mozilla 3.5, Chrome 4) ;
• SVG est un ancien format qui n’est plus utilisé.

TTF, OTF, ou bien WOFF?

Les principaux objectifs des TTF et OTF sont l’impression et les travaux de bureau et graphiques. Les utiliser sur un site web revient à utiliser des images au format TIFF au lieu de JPG ou PNG. Certains considèrent le WOFF comme une fine enveloppe autour des données TTF/OTF, mais il s’agit d’un format conçu pour l’internet et la vitesse.

Les formats TTF et OTF peuvent fonctionner efficacement hors ligne. Ils sont utilisés dans les imprimeries, les programmes bureautiques et les applications, et sont donc soumis à davantage de règles et d’exigences en matière de polices. Le WOFF n’a pas de spécifications aussi strictes. Il peut utiliser des polices intégrées à des systèmes autres que OpenType ou TrueType.

Par conséquent, bien que la plupart du temps nous puissions télécharger la police au format OTF ou TTF, il est préférable de la convertir en WOFF ou WOFF2. Nous pouvons toujours charger deux ou trois formats de polices sur notre site web, et le navigateur de l’utilisateur choisira le format approprié. La conversion d’OTF en WOFF et de TTF en WOFF est simple. Vous pouvez utiliser l’un des nombreux outils gratuits disponibles sur internet.

Alors, où obtenir les polices de caractères ?

D’ailleurs, voici la liste

Google Fonts

Commençons par la solution la plus populaire, en particulier parmi les utilisateurs de WordPress. Toutes les polices disponibles sur ce site sont sous licence Open Source. Cela vous permet de les modifier et de les utiliser à des fins commerciales. L’interface vous permet de modifier les échantillons de texte pour montrer à quoi ils ressemblent. Le choix est énorme.

Free Design Resources

Source pleine de belles polices de caractères à la mode. Après avoir cliqué sur la police sélectionnée, vous serez redirigé vers la sous-page appropriée. La description devrait contenir une description de la licence. Si ce n’est pas le cas, vérifiez la licence après avoir téléchargé le fichier. Le plus souvent, le fichier texte s’appelle read_me ou license.

FontFabric

Vous trouverez ici une centaine de polices gratuites. La licence se trouve dans la description de la police ou dans le fichier approprié après le téléchargement.

Creativebooster

Creativebooster propose douze polices de caractères impressionnantes. Vous trouverez la description de la licence sur la sous-page d’une police donnée.

Pixel Buddha

Des dizaines de polices de caractères à la mode. Elles sont présentées d’une manière fascinante qui donne des idées pour leur utilisation. Recherchez la licence dans le fichier texte après avoir téléchargé la police.

Font Squirrel

Il s’agit probablement du deuxième portail le plus important et le plus célèbre en matière de polices de caractères. Font Squirrel est un agrégateur typique, il faut donc faire attention aux licences. Des symboles sous chaque police indiquent son type. L’interface est pratique, grâce aux nombreux filtres de recherche. Vous y trouverez également le meilleur convertisseur de format de police.

Behance

Un autre site web sensationnel qui devient la réponse à la question de savoir où obtenir des polices gratuites pour un site web ou un blog. Après avoir cliqué sur la police sélectionnée, une fenêtre popup apparaît. À droite se trouve une description avec une licence.

Freebiesbug

Plusieurs centaines de polices de caractères gratuites. Recherchez la licence dans la description ou après avoir téléchargé le fichier.

Pinterest

Un endroit plutôt inhabituel pour trouver une police de caractères ! Mais en effet, vous y trouverez aussi des milliers de polices. Tapez dans le moteur de recherche : « free fonts » ou « freebies fonts ». Toutefois, ici comme ailleurs, vous devez vérifier la source des polices et leur licence.

En conclusion

Les polices standard ne sont pas toujours adaptées au concept de votre site web. Rappelez-vous que vous n’avez pas à vous limiter et qu’internet regorge d’une grande variété de polices que vous pouvez utiliser. Toutefois, n’oubliez pas de respecter la licence d’utilisation et de tenir compte du format à utiliser.