Qu’est-ce que le font-subsetting ?

N'hésitez pas à partager !

Les polices de caractères sont un élément crucial pour la mise en forme d’un site web. Elles ont un impact sur la lisibilité, la présentation et la convivialité du site. Cependant, l’utilisation de polices de caractères peut aussi ralentir le temps de chargement du site. Il est donc important de comprendre comment optimiser les polices de caractères pour améliorer l’expérience utilisateur (UX) et le temps de chargement.

Dans cet article, nous examinerons les différents aspects de l’optimisation des polices de caractères pour les sites web, notamment :

  1. L’hébergement local des polices de caractères
  2. La notion de font subsetting
  3. Les 10 bonnes pratiques pour optimiser les polices de caractères sur un site web.

Hébergement local des polices de caractères

L’hébergement local des polices de caractères signifie que les polices utilisées sur le site sont stockées sur le serveur du site web. Cela signifie que les polices ne doivent pas être téléchargées à partir d’un autre site web chaque fois que la page est chargée.

L’hébergement local des polices de caractères présente de nombreux avantages. Tout d’abord, cela permet de contrôler le temps de chargement des polices, ce qui peut réduire le temps total de chargement du site. De plus, cela permet d’assurer la disponibilité des polices même lorsque la connexion Internet est lente ou instable.

Qu’est-ce que le font subsetting ?

Le font subsetting consiste à n’inclure que les glyphes (ensemble de pixels qui forment une lettre, un chiffre ou un symbole) utilisés sur le site, plutôt que l’ensemble des glyphes d’une police de caractères. Cela peut réduire considérablement la taille des polices téléchargées, ce qui peut améliorer considérablement le temps de chargement du site.

Cependant, il est important de choisir avec soin les glyphes à inclure dans le font subsetting. Il est recommandé d’inclure les glyphes utilisés dans toutes les langues prises en charge par le site web. Il est également important d’inclure suffisamment de glyphes pour garantir la qualité de l’affichage des polices.

Top 5 des outils gratuits pour faire du font subsetting

  1. Transfonter : un outil en ligne facile à utiliser pour sélectionner les caractères à inclure et télécharger la police personnalisée.
  2. FontSquirrel : un outil en ligne complet qui permet de faire du font-subsetting, de convertir des polices et de générer les styles CSS pour une utilisation sur un site web.
  3. Glyphs : un logiciel de conception de polices pour Mac qui comprend une fonction de font-subsetting.
  4. FontForge : un logiciel open-source pour la création et l’édition de polices qui inclut une fonction de font-subsetting.
  5. IcoMoon : un outil en ligne pour la conception et la gestion de polices de symboles qui comprend une fonction de font-subsetting.

Les 10 bonnes pratiques pour optimiser les polices de caractères de votre site web

  1. Utiliser des polices web : Les polices web sont conçues pour être utilisées sur le web, elles sont optimisées pour une utilisation en ligne et sont plus rapides à charger que les polices traditionnelles.
  2. Héberger localement les polices : L’hébergement local des polices peut réduire le temps de chargement de votre site web en réduisant les requêtes au serveur.
  3. Utiliser un nombre limité de polices : Limiter le nombre de polices utilisées sur votre site web peut réduire le temps de chargement et améliorer l’expérience utilisateur.
  4. Optimiser la taille des polices : La taille des polices peut être optimisée en utilisant des formats de police plus légers, tels que WOFF et WOFF2.
  5. Éviter de surcharger les polices : Évitez d’utiliser des polices avec de nombreux styles et variations, car cela peut surcharger votre site web et ralentir le temps de chargement.
  6. Utiliser des polices alternatives : En utilisant des polices alternatives, vous pouvez réduire le temps de chargement et améliorer la qualité de l’affichage des caractères.
  7. Éviter de charger les polices inutiles : Évitez de charger des polices qui ne sont pas nécessaires à la page, car cela peut ralentir le temps de chargement.
  8. Utiliser des techniques de font subsetting : Le font subsetting consiste à ne charger que les caractères nécessaires à la page, ce qui peut réduire la taille des fichiers de police et améliorer le temps de chargement.
  9. Configurer correctement les polices : Assurez-vous que les polices sont configurées correctement pour améliorer la qualité de l’affichage et réduire le temps de chargement.
  10. Tester les polices avant de les utiliser : Testez les polices avant de les utiliser sur votre site web pour vous assurer qu’elles sont compatibles avec les navigateurs et qu’elles se chargent rapidement.
Picture of Olivier Perrin
Olivier Perrin
Olivier est passionné d'innovation et de technologies. Il accompagne les entreprises dans leur transformation digitale depuis plus de 25 ans. Son objectif ? Être votre partenaire pour vous aider à réaliser tout votre potentiel dans le monde numérique d'aujourd'hui !

Intéressé.e ?

Envie de subsetter les fonts de votre site web ? Consultez notre offre d'optimisation WordPress !

Soif de connaissance ?

Qu’est-ce qu’un lien do follow ?

Les liens dofollow, également appelés liens de suivi, sont un élément crucial dans le domaine du référencement. Ces liens hypertextes permettent aux moteurs de recherche de suivre le lien vers la page de destination, contribuant ainsi directement à l’amélioration du référencement naturel et de la visibilité d’un site web....
Lisez la suite

Qu’est-ce qu’un lien no follow ?

Les liens sont un élément important pour améliorer la visibilité et la pertinence d’un site web dans les résultats de recherche....
Lisez la suite