Qu’est-ce qu’une police Web ?

Saviez-vous que votre navigateur Web télécharge et utilise automatiquement des polices qui ne sont pas installées sur votre système ? Les polices Web améliorent l’apparence des pages que vous parcourez chaque jour. Voici ce qu’ils sont et comment ils fonctionnent.

Polices de bureau et polices Web

Nous utilisons tous des polices tous les jours. Certains d’entre eux sont fournis avec votre système d’exploitation, certains proviennent d’applications comme Adobe Creative Suite ou Microsoft Office, et certains sont ceux que vous téléchargez ou achetez et installez vous-même. Une fois installées, vous pouvez utiliser ces polices dans des traitements de texte, des logiciels de retouche d’images, etc. Ce sont des polices de bureau et elles sont stockées localement.

Un autre type de police est devenu plus important à mesure que notre expérience informatique s’est déplacée en ligne. Ce sont des polices Web, une typographie stockée sur le cloud (puis mise en cache dans votre navigateur) et utilisée pour générer le texte qui apparaît sur les sites Web.

Une brève histoire des polices Web

Au début d’Internet, la typographie sur les pages Web était limitée aux polices installées sur votre système. Si une police n’était pas installée, la page Web chargeait une police de « secours » standard qui était plus susceptible d’être disponible. Pour cette raison, les concepteurs de sites Web choisissent souvent des polices système par défaut pour leurs sites.

Parmi celles-ci figuraient les polices de base pour le Web de Microsoft, un ensemble de polices mises à disposition gratuitement pour la conception Web. Ce pack comprenait des polices système largement utilisées comme Times New Roman, Arial, Comic Sans et Trebuchet. Les concepteurs peuvent également utiliser des familles de polices telles que Serif, Sans-Serif et Monospace pour spécifier le style général d’une police même si une police spécifique n’est pas disponible.

Cela a changé en 2010 lorsque Google a lancé Google Fonts, un vaste référentiel open source de polices gratuites pouvant être utilisées n’importe où sur le Web. Depuis lors, d’autres concurrents, comme Typekit d’Adobe et les plugins de polices hébergés sur le Web, sont apparus. Des millions de sites Web du monde entier fonctionnent avec des polices Web, y compris la suite de productivité de Google.

Comment fonctionnent les polices Web

Le plus grand fournisseur de polices Web, Google Fonts, est une vaste bibliothèque Web de plus d’un millier de polices. Vous pouvez les utiliser sur votre site Web en les tirant via CSS, et les développeurs mobiles peuvent accéder à ces polices lors de la création d’applications Android.

Lorsqu’une page Web utilise des polices Google, elle extrait une police de la base de données de Google, puis affiche le texte de cette police dans votre navigateur. Ces polices sont hébergées sur le serveur de Google et sont chargées presque instantanément. Les autres services de polices cloud fonctionnent à peu près de la même manière.

Une autre alternative consiste à utiliser à la place des polices intégrées et auto-hébergées sur le Web. Cela se fait via le Web Open Font Format (WOFF), un fichier de police compressé développé par Mozilla et compatible avec la plupart des navigateurs Web modernes. WOFF est utile si vous souhaitez intégrer une police personnalisée qui n’est pas disponible sur un service de police Web.

Obtenir des polices Web

Le référentiel Google Fonts et toutes les polices qu’il contient sont entièrement gratuits et accessibles à tous. Il n’utilise que des polices sous licence ouverte, et bon nombre de ces polices sont devenues des incontournables de la conception Web, comme Roboto, Lato et Montserrat. Google héberge un site Web qui répertorie toutes ses polices disponibles et vous permet de les essayer et de les comparer entre elles. Google propose également une base de données d’icônes vectorielles gratuites.

Étant donné que ces polices sont disponibles gratuitement, vous pouvez également télécharger les fichiers de polices d’origine pour les utiliser sur votre bureau. De nombreux sites Web hébergent les référentiels de Google Fonts, y compris le propre Github de Google. Vous pouvez utiliser ces polices dans des projets, les partager librement avec d’autres et les télécharger gratuitement à partir d’autres emplacements sur Internet.

De nombreux créateurs de sites Web et gestionnaires de contenu comme WordPress et Squarespace prennent en charge les polices Web prêtes à l’emploi. Si vous utilisez un site Web personnalisé, vous devez télécharger le fichier de police sur votre serveur et utiliser le code CSS pour pointer vers le fichier de police que vous souhaitez utiliser.

Si vous souhaitez en savoir plus sur l’utilisation des polices Web pour votre site Web, consultez ce guide des polices Web CSS de W3Schools.