La découverte qui a surprise ma cliente
Il y a quelques semaines, j'étais en plein audit éthique et éco-responsable avec une de mes clientes. Consciencieuse comme elle est, elle m'avait bien précisé : "On utilise juste deux polices, celles de notre charte graphique : une pour les titres, une pour le texte."
Sauf que...
En analysant son site, j'ai compté plus de 10 typographies différentes ! Voici ce qui s'était passé :
Le piège invisible de WordPress : Chaque plugin installé (formulaire de contact, témoignages, avis clients, etc.) arrive avec SA typographie par défaut. Et comme c'est rarement configuré automatiquement, ton site se retrouve avec une collection de typographies différentes dont tu n'as même pas conscience !
Pire encore : elle utilisait bien ses deux polices d'écritures, de sa charte graphique, dans le contenu de ses pages et articles, mais avait oublié de paramétrer son thème WordPress avec les mêmes typographies. Résultat ? Le thème chargeait des typographies par défaut EN PLUS de celles qu'elle utilisait consciemment.
Au final, son site chargeait +10 typographies différentes alors qu'elle pensait n'en utiliser que 2. L'impact ? Un site 3 fois plus lent et une empreinte carbone vraiment importante.
Et le pire dans tout ça ? Que ce soit elle, comme ses visiteurs ne pouvaient même pas voir la différence à l'oeil nu, tellement les typographies affichées se ressemblaient visuellement.
Cette expérience m'a fait réaliser à quel point les typographies sont un angle mort pour beaucoup d'entrepreneurs.es même conscients.es. On se focalise sur le choix esthétique en premier lieu, mais on oublie complètement l'impact écologique, technique et d'accessibilité (lisibilité pour tous) de ces dernières.
Parce que faire le mauvais choix de typographie pour son site peut être lourd de conséquence pour toi. Cela risque de :
- Alourdir inutilement ton site (et frustrer tes visiteurs avec des temps de chargement interminables)
- Dégrader ton référencement naturel
- Augmenter l'empreinte carbone de ton site
- Parfois même rendre ton contenu illisible pour certaines personnes
Bref, tout l'inverse de ce que tu veux quand tu es entrepreneur.se engagé.e !
Pourquoi une typographie a-t-elle un impact écologique ?
Spoiler alert : les polices d'écritures font partie des éléments souvent sous-estimés mais qui ont un impact énergétique bien réel sur ton site web ! Je vais t'expliquer pourquoi.
Le problème des polices d'écritures "web" classiques :
- Chaque typographie doit être téléchargée depuis un serveur externe (comme Google Fonts)
- Plus tu as de polices d'écritures différentes, plus tu multiplies les requêtes
- Chaque style (gras, italique, semi-gras...) = un fichier supplémentaire à charger
- Résultat : ton site devient lourd, lent, et énergivore
L'impact concret :
- Temps de chargement rallongé = visiteurs qui partent
- Plus de données consommées = plus d'énergie utilisée
- Serveurs sollicités inutilement = empreinte carbone qui explose
Et le pire ? Tes visiteurs ne voient pas toujours la différence entre ta typographie "tendance" et la simple Arial !
Les erreurs que je vois PARTOUT (et qui me font bondir)
Erreur n°1 : La collection de typographie
"J'ai une police pour mes titres, une pour mes sous-titres, une pour mon texte, une pour mes boutons, et une pour mes citations..."
La réalité : Chaque typographie pèse son poids et doit être chargée. Tu transformes ton site en véritable aspirateur à énergie !
Erreur n°2 : La police d'écriture "complète"
"J'ai pris la version complète avec tous les styles disponibles, on ne sait jamais..."
La réalité : Tu importes 15 fichiers alors que tu n'en utilises que 2. C'est comme acheter un frigo pour stocker une pomme !
Erreur n°3 : Le format lourd
"J'ai téléchargé ma police d'écriture en TTF, c'est le format par défaut..."
La réalité : C'est 3 à 5 fois plus lourd qu'un format optimisé comme WOFF2.
La solution magique : utiliser une typographie écologique et accessible, appelé "polices systèmes"
Les polices d'écritures dites "système", sont des typographies déjà présentes sur tous les appareils de tes visiteurs. Elles sont donc pré-installées sur Windows, Mac, iOS, Android... Donc, pas de téléchargement, pas d'attente, pas de consommation d'énergie supplémentaire. Résultat : ton site s'affiche instantanément avec zéro impact environnemental supplémentaire.
C'est ça, la magie des polices d'écritures système !
Voici +10 exemples de typographie écologique et accessible que j'utilise constamment sur les sites de mes client·e·s
(en plus, ce sont des polices d'écritures systèmes)
Les sans-serif (parfaites pour un look moderne et épuré)
- Arial - La valeur sûre absolue, présente sur 99% des appareils
- Candara - Plus douce qu'Arial, idéale pour un ton chaleureux
- Euphemia - Moderne et lisible, parfaite pour les titres
- Impact - Pour tes call-to-action qui ont du punch
- Lucida Sans - Élégante et professionnelle
- Tahoma - Compacte et très lisible sur écran
- Trebuchet MS - Un côté humaniste qui rassure
- Verdana - Conçue spécialement pour l'écran, ultra-lisible
Les serif (pour une touche d'élégance intemporelle)
- Georgia - Parfaite pour les longs textes, très lisible
- Palatino - Raffinée et chaleureuse
- Times New Roman - Classique et universelle
Bonus : les polices d'écritures monospace
- Courier New - Pour tes extraits de code ou citations
- Consolas - Plus moderne que Courier
En cadeau : mes combinaisons de polices d'écritures systèmes préférées pour t'inspirer
Inspires-toi, piques-moi les idées, c'est gratuit et c'est éco-friendly.
Comment bien les utiliser ? Mes 3 règles d'or
Règle n°1 : Maximum 2 typographies différentes
Une pour tes titres, une pour ton texte. Point. Tu veux de la personnalité ? Joue sur les tailles, les couleurs, les espacements !
Règle n°2 : Limite les styles
Utilise uniquement les graisses dont tu as vraiment besoin. Souvent, normal + gras suffisent amplement.
Règle n°3 : Pense lisibilité avant tout
- Minimum 16px pour ton texte principal
- Évite les typographies trop fines (surtout sur mobile)
- Assure-toi que le contraste entre la couleur de ton texte et celle de son arrière-plan soit suffisant
Et si tu veux absolument utiliser une typographie "spéciale" ?
Je te comprends ! Des fois même, c'est parce qu'elle fait partie de notre charte graphique et il est trop tard pour en changer. Voici la stratégie hybride que je recommande :
- Texte principal : Utilise une police d'écriture système (ex: Georgia)
- Titres uniquement : Autorise-toi UNE typographie téléchargée
- Format : convertit les et compresse les en WOFF2 obligatoire (le plus léger)
- Optimisation : Supprime tous les caractères dont tu n'as pas besoin (si tu n'a besoin que de "normal, gras, italique" ne prend que ça. Pas besoin de la semi-bold, fine, extra-fine, noir, etc)
- Intégration : intègre ces polices d'écritures directement sur ton site
Le test ultime pour choisir ta typo
Avant de craquer pour une typographie, pose-toi ces questions :
- Est-ce que ma grand-mère de 75 ans pourrait lire mon site facilement (fais le test, vraiment, fais-lui lire) ?
- Est-ce que ça reste lisible sur un petit écran de smartphone ?
- Est-ce que ça correspond à mon message et mes valeurs ?
- Est-ce que j'ai vraiment besoin de cette typographie ou est-ce juste un caprice esthétique ?
Si tu as ne serait-ce qu'un doute sur une réponse, retourne aux polices d'écritures système. Tes visiteurs (et la planète) te remercieront !
Ton plan d'action en 3 étapes
- Audit de ton site actuel : Combien de polices différentes utilises-tu ? (Plus de 2 = action requise !)
- Choisis tes nouvelles typographies dans ma liste ou mes combinaisons des typographies éco-responsables et accessibles
- Optimise la stratégie globale de ton site avec mon guide complet "Comment bien préparer la création de son site éthique et éco-responsable"
Ce guide gratuit te donnera toutes les clés pour créer un site qui reflète vraiment tes valeurs, de A à Z. Typographies, couleurs, images, structure... Tu auras une feuille de route claire pour lancer ton site ou le bonifier tout en respectant tes convictions !
[👉 Télécharge ton guide gratuit ici]
Le mot de la fin...
Choisir ses typographies, c'est bien plus qu'une question de goût. C'est un acte militant pour un web plus respectueux de nos visiteurs et de notre planète.
Aujourd'hui, tu as découvert qu'avec de simples polices système, tu peux créer un site magnifique, rapide et éco-responsable. Plus besoin de sacrifier tes valeurs pour avoir un site qui te ressemble !
Alors oui, peut-être que ta typographie Pinterest ultra-tendance devra attendre. Mais tes visiteurs te remercieront pour cette expérience fluide, et tu dormiras sur tes deux oreilles en sachant que chaque clic sur ton site n'alourdit pas inutilement l'empreinte carbone du web.
Le numérique éthique, ça commence par ces petits choix du quotidien. Et maintenant, tu as toutes les clés en main pour faire les bons !
