Qu’est-ce que les polices web et pourquoi les utiliser ?
Une police web est un fichier de police que votre site envoie au navigateur du visiteur. Vos textes s’affichent ainsi comme vous les avez conçus, même si le visiteur n’a jamais installé cette police.
Comment fonctionnent les polices web
Lorsqu’un internaute ouvre votre page, le navigateur lit votre CSS, repère la police nécessaire et télécharge le fichier depuis votre serveur. Il affiche ensuite vos textes avec cette police. Tout se passe automatiquement, et le visiteur n’a rien à installer.
Polices web ou polices système ?
Les polices système sont déjà présentes sur l’appareil du visiteur, comme Arial, Georgia ou San Francisco. Elles ne nécessitent aucun téléchargement, ce qui en fait l’option la plus rapide. Leur inconvénient est que l’aspect varie d’un appareil à l’autre, et peu d’entre elles correspondront à votre identité de marque.
- Choisissez une police web lorsque votre marque, vos titres ou votre design reposent sur une typographie précise.
- Choisissez les polices système lorsque la rapidité prime, par exemple dans les tableaux de bord ou les outils internes.
- Combinez les deux en utilisant une police web pour les titres et une police système pour le texte courant.
Quel est le coût des polices web en vitesse ?
Chaque fichier de police représente un téléchargement supplémentaire, et le texte peut apparaître tardivement ou se décaler pendant son chargement. Une police web bien préparée limite ce coût. Utilisez le format WOFF2, supprimez les caractères inutiles et ne chargez que les graisses que vous employez. Notre guide sur l’accélération du chargement des polices web détaille chaque étape.
Hébergement autonome ou service de polices ?
Des services comme Google Fonts et Adobe Fonts hébergent les fichiers à votre place. L’hébergement autonome consiste à les conserver sur votre propre serveur. Vous gardez ainsi le contrôle de la mise en cache et de la vitesse, et les navigateurs des visiteurs ne contactent aucun tiers. Cela peut compter pour la confidentialité : en 2022, un tribunal allemand a rendu une décision défavorable à un site qui chargeait Google Fonts depuis les serveurs de Google sans consentement.
Avant d’opter pour l’hébergement autonome, lisez la licence de la police. Notre guide sur les licences de polices web explique les points à vérifier.
Pour bien commencer
Prenez une police dont vous avez le droit d’usage et passez-la dans le Générateur de polices web. Vous obtiendrez des fichiers prêts pour le web ainsi que le CSS correspondant, et notre guide explique comment les ajouter à votre site.
