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 permettent de mieux parcourir les pages que vous parcourez chaque jour. Voici ce que c'est et comment cela fonctionne.

Polices de bureau vs polices Web

Nous utilisons tous des stries tous les jours. Certains sont fournis avec votre système d'exploitation, d'autres 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. Lorsque vous les installez, vous pouvez utiliser ces polices dans des traitements de texte, des programmes 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 évolue en ligne. Ce sont des polices Web — des polices typographiques qui sont stockées dans le cloud (puis mises en cache dans votre navigateur) et utilisées pour créer le texte qui apparaît sur les sites Web.

Une brève histoire des polices Web

Au début d'Internet, l'impression sur les pages Web était limitée aux polices installées sur votre système. Si la police n'est pas installée, la page Web chargera une police de "sauvegarde" standard qui était probablement disponible. Pour cette raison, les concepteurs de sites Web choisissent souvent les polices système par défaut pour leurs sites.

Parmi ces polices figure Microsoft Polices de base pour le Web , qui est un ensemble de polices mises à disposition gratuitement pour la conception de sites Web. Ce package comprenait des polices système largement utilisées telles que Times New Roman, Arial, Comic Sans et Trebuchet. Les concepteurs peuvent également utiliser des combinaisons de polices telles que Serif, Sans-Serif et Monospace pour définir le style général d'une police même si un style 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 sont apparus, tels que Typekit d'Adobe et des plugins de polices hébergés sur le Web. 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 qui comprend plus d'un millier de polices. Vous pouvez les utiliser sur votre site Web en les faisant glisser via CSS, et les développeurs mobiles peuvent accéder à ces polices lors de la création d'applications Android.

Lorsque vous utilisez une page Web Google Fonts, elle extrait une police de la base de données de Google, puis vous montre le texte avec cette police dans votre navigateur. Ces polices sont hébergées sur un serveur Google et sont téléchargées presque instantanément. Les autres services de polices cloud fonctionnent 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 à partir de Par le Web Open Font Format (WOFF) - Il s'agit d'un fichier de police compressé développé par Mozilla et compatible avec la plupart des navigateurs Web modernes. WOFF est utile si vous souhaitez inclure une police personnalisée qui n'est pas disponible dans le service de police Web.

Obtenir des polices Web

Le référentiel de polices Google et toutes les polices en dessous sont entièrement gratuits et accessibles à tous. Il n'utilise que des polices sous licence ouverte, et bon nombre de ces polices sont devenues essentielles à la conception Web, telles que Roboto, Lato et Montserrat. Hébergeurs Google Un site Web qui répertorie toutes les polices disponibles et vous permet d'essayer 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 des référentiels de polices Google, y compris C'est le 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 polices sur votre serveur et utiliser le code CSS pour pointer vers le fichier de polices que vous souhaitez utiliser.

Si vous souhaitez en savoir plus sur l'utilisation des polices Web pour votre site Web, consultez notre guide Polices Web CSS C'est de W3Schools.