Le Petit Manuel de la Typo qui ne Fait pas Peur ← Retour au catalogue
Ressource design

Le Petit Manuel de la Typo
qui ne Fait pas Peur

La typographie décide de la première impression avant même que quiconque lise un mot. Ce manuel démystifie les choix qui comptent — sans jargon de designer, sans logiciel compliqué — pour que vous choisissiez enfin vos polices en confiance.

Auteur & Édition
By Julien • Conseil & Formation Ventes / Web / IA
Format
Monochrome A4 — Export PDF imprimable

Sommaire

Huit chapitres, du principe aux paires prêtes à l'emploi

8 chapitres
Guide
01 — Pourquoi la typo compte plus que vous ne le pensezPage 03
02 — Les trois familles qu'il faut connaîtrePage 04
03 — Choisir une paire, pas juste une policePage 05
04 — Dix paires gratuites et sans risquePages 06–07
05 — La hiérarchie : tailles, graisses, espacementsPage 08
06 — Les erreurs qui trahissent un amateurPage 09
07 — Test rapide : votre typo est-elle lisible ?Page 10
08 — Les 20 polices les plus utilisées sur le web (et leurs alternatives)Pages 11–13

À qui s'adresse ce manuel

À tout dirigeant de TPE/PME qui doit choisir une police pour son site, ses supports commerciaux ou ses réseaux sociaux — sans formation de designer, et sans avoir envie d'en devenir un.

Pourquoi la typo compte plus que vous ne le pensez

Le premier jugement se fait avant la lecture

01 / 08
Principe

Avant même de lire un mot de votre site ou de votre plaquette commerciale, un visiteur a déjà une impression — sérieux ou amateur, moderne ou daté, digne de confiance ou pas. Cette impression vient en grande partie de la typographie : la forme des lettres parle avant le contenu.

Ce n'est pas une question de goût personnel. Une police mal choisie peut faire douter un prospect de votre professionnalisme, même si votre offre est excellente. À l'inverse, une typographie cohérente et bien hiérarchisée rassure — elle donne l'impression que tout, dans votre activité, est maîtrisé.

« On ne remarque pas une bonne typographie. On remarque toujours une mauvaise. »

Ce que la typo communique, sans un mot

Le sérieux. Des polices sobres et bien espacées signalent la rigueur — utile pour le conseil, le juridique, la finance.

La chaleur. Des formes plus rondes et généreuses rapprochent — utile pour l'artisanat, le commerce local, le bien-être.

La modernité. Des polices géométriques et épurées signalent l'innovation — utile pour la tech, le SaaS, le conseil digital.

Ce que ce manuel ne demande pas

Pas de logiciel de design, pas de vocabulaire technique inutile, pas de budget. Uniquement des polices gratuites disponibles sur Google Fonts, et une méthode pour les combiner sans se tromper.

Les trois familles qu'il faut connaître

Tout le reste n'est qu'une variation de ces trois-là

02 / 08
Fondamentaux

Il existe des centaines de milliers de polices, mais elles se répartissent presque toutes en trois grandes familles. Comprendre ces trois familles suffit pour faire un choix éclairé dans 90 % des situations.

Serif
Aa
Petits empattements en bout de lettre. Évoque la tradition, l'élégance, l'autorité éditoriale. Idéal pour un titre premium, moins pour un long texte à l'écran.
Sans-serif
Aa
Lettres nues, sans empattement. Lisible à toute taille, sur tout écran. Le choix par défaut le plus sûr pour un texte courant.
Monospace
Aa
Chaque lettre occupe la même largeur. Évoque le code, la précision, le technique. À réserver aux détails (prix, référence), jamais au texte courant.

La règle simple à retenir

Sans-serif pour le texte courant, presque toujours. C'est la police la plus lisible à l'écran, à toute taille. Réservez le serif aux titres pour l'élégance, et le monospace aux détails techniques uniquement.

Et les polices « manuscrites » ou décoratives ?

Elles existent aussi, mais elles se lisent difficilement au-delà de quelques mots. Utilisez-les avec parcimonie — une signature, un titre très court — jamais pour un paragraphe entier.

Choisir une paire, pas juste une police

Une police pour le titre, une pour le texte — rarement la même

03 / 08
Méthode

L'erreur la plus fréquente n'est pas de choisir une « mauvaise » police — c'est d'en choisir une seule pour tout, ou d'en combiner deux qui se ressemblent trop. Une bonne identité typographique repose sur une paire : une police d'accroche (les titres) et une police de lecture (le texte courant).

« Deux polices qui se ressemblent créent de la confusion. Deux polices qui contrastent créent de la hiérarchie. »

La méthode en 4 étapes

  • Choisissez d'abord votre police de texte. C'est elle qui sera lue le plus longtemps — privilégiez toujours un sans-serif sobre et très lisible (Inter, Work Sans, DM Sans).
  • Cherchez un contraste net pour le titre. Si le texte est un sans-serif géométrique, testez un serif marqué ou une police à forte personnalité pour le titre — jamais un sans-serif presque identique.
  • Limitez-vous à deux polices. Trois et plus, c'est le signal le plus visible d'un manque d'expérience en design. Deux suffisent toujours.
  • Testez côte à côte, en vrai contexte. Un titre et un paragraphe, à la taille réelle où ils seront lus — pas isolés sur une page blanche.

Un raccourci qui fonctionne presque toujours

Prenez une police de titre expressive (serif marqué, géométrique audacieux, ou display) et associez-la à Inter pour tout le texte courant. Inter est conçue spécifiquement pour rester lisible à toutes les tailles, sur tous les écrans — un choix qui ne trahit jamais.

Dix paires gratuites et sans risque

Toutes disponibles gratuitement sur Google Fonts

04 / 08
Répertoire
01 — Éditorial premiumConseil · Luxe · Édition
Un titre qui impose le respect
Playfair Display pour les titres, Inter pour le texte courant. Le contraste entre empattements marqués et sans-serif neutre crée une hiérarchie immédiate.
Playfair Display (700) + Inter (300–400)
02 — Chaleureux & organiqueArtisanat · Bien-être · Local
Une présence douce et humaine
Fraunces pour les titres, Karla pour le texte. Des courbes légèrement irrégulières qui rapprochent sans sacrifier la lisibilité.
Fraunces (600) + Karla (400–500)
03 — Tech & startupSaaS · Conseil digital · IA
Une identité nette et actuelle
Space Grotesk pour les titres, Inter pour le texte. Deux sans-serif géométriques qui restent lisibles à toute taille sans jamais paraître froids.
Space Grotesk (700) + Inter (300–400)
04 — Amical & accessibleFormation · Coaching · Grand public
Un ton ouvert, sans distance
Poppins pour les titres, Nunito Sans pour le texte. Des formes rondes qui abaissent la barrière d'entrée — parfait pour rassurer un public non initié.
Poppins (600–700) + Nunito Sans (400)
05 — Classique & fiableJuridique · Finance · Institutionnel
Une autorité qui ne se discute pas
Libre Baskerville pour les titres, Work Sans pour le texte. Un serif éprouvé, associé à un sans-serif contemporain qui garde le tout lisible à l'écran.
Libre Baskerville (700) + Work Sans (400–500)

Dix paires gratuites et sans risque

Suite — cinq combinaisons supplémentaires

04 / 08
Répertoire
06 — Impact & énergieSport · Événementiel · Promotion
UN TITRE QUI FRAPPE FORT
Bebas Neue pour les titres courts et percutants, Roboto pour le texte. À réserver aux accroches — Bebas Neue est illisible en paragraphe.
Bebas Neue (400) + Roboto (400–500)
07 — Luxe & éléganceMode · Beauté · Décoration haut de gamme
Une finesse assumée
Cormorant Garamond pour les titres, Montserrat pour le texte. Un serif fin et raffiné, équilibré par un sans-serif géométrique très structuré.
Cormorant Garamond (600–700) + Montserrat (400–600)
08 — Direct & brutalisteMédia · Opinion · Marque assumée
UN TITRE SANS DÉTOUR
Archivo Black pour les titres, Archivo (regular) pour le texte — même famille, deux graisses. Cohérence maximale, effet immédiat.
Archivo Black (400) + Archivo (400–500)
09 — Moderne & raffinéImmobilier · Architecture · Design
Une sobriété qui rassure
DM Serif Display pour les titres, DM Sans pour le texte. Une même famille de proportions, pensée pour fonctionner ensemble dès l'origine.
DM Serif Display (400) + DM Sans (400–500)
10 — Actuel & décontractéCréatif · Culture · Réseaux sociaux
Un ton contemporain, sans effort
Bricolage Grotesque pour les titres, Inter pour le texte. Des irrégularités subtiles qui évitent l'effet trop lisse des polices génériques.
Bricolage Grotesque (700) + Inter (300–400)

La hiérarchie : tailles, graisses, espacements

Une bonne police mal utilisée reste illisible

05 / 08
Pratique

Choisir la bonne police n'est que la moitié du travail. La façon de l'utiliser — tailles, graisses, espacements — détermine si votre contenu se lit sans effort ou fatigue le regard.

Une échelle de tailles simple, pour le web

UsageTaille recommandéeGraisse
Titre principal (H1)32–48 pxSemi-bold à Bold
Sous-titre (H2)22–28 pxMedium à Semi-bold
Texte courant15–17 pxRegular (400)
Légende / mention légale11–13 pxRegular ou Light

Trois réglages qui changent tout

Interligne (line-height). Comptez 1,4 à 1,6 fois la taille du texte courant. Un interligne trop serré fatigue ; trop large, il déstructure le paragraphe.

Longueur de ligne. Visez 50 à 75 caractères par ligne. Au-delà, l'œil se perd en revenant à la ligne suivante.

Contraste de couleur. Un texte gris trop clair sur fond blanc est le premier réflexe « esthétique » qui sacrifie la lisibilité. Restez sur un gris foncé lisible.

« La graisse et la taille créent la hiérarchie. La couleur ne devrait jamais être votre seul outil de hiérarchie. »

Les erreurs qui trahissent un amateur

Faciles à repérer, faciles à éviter une fois qu'on les connaît

06 / 08
Vigilance
  • Trop de polices différentes. Au-delà de deux, l'œil perçoit du désordre plutôt qu'une identité. Une police de titre, une de texte — jamais plus sans raison précise.
  • Tout centrer, tout le temps. Le texte centré casse la lecture au-delà de deux lignes. Réservez-le aux titres courts ; alignez le texte courant à gauche.
  • Tout mettre en majuscules. Un paragraphe entier en capitales ralentit fortement la lecture. Les majuscules se réservent à de très courts libellés (boutons, étiquettes).
  • Ignorer le contraste de couleur. Un texte trop clair sur fond clair (ou l'inverse) est invisible pour une partie des visiteurs, pas seulement inconfortable.
  • Choisir une police à la mode sans tester la lisibilité. Une police très stylisée peut être superbe en logo et illisible en paragraphe. Testez toujours en situation réelle.
  • Oublier le mobile. Une police qui paraît élégante sur grand écran peut devenir minuscule ou tassée sur un téléphone. Vérifiez systématiquement sur petit écran.

Test rapide : votre typo est-elle lisible ?

Six questions à se poser avant de valider un choix

07 / 08
Checklist

Deux polices maximum sont utilisées sur l'ensemble du support.

☐ Le texte courant est en sans-serif, à une taille d'au moins 15 px.

☐ L'interligne du texte courant fait au moins 1,4 fois la taille de la police.

☐ Aucun paragraphe entier n'est centré ou tout en majuscules.

☐ Le contraste entre le texte et le fond reste net, même en plissant les yeux.

☐ Le rendu a été vérifié sur mobile, pas uniquement sur ordinateur.

Si vous cochez les six cases, votre typographie ne trahira jamais votre contenu — quel que soit le reste de votre identité visuelle.

Les 20 polices les plus utilisées sur le web

Et pour chacune, une alternative qui distinguera votre marque

08 / 08
Répertoire

Ce classement s'appuie sur la présence durable de ces polices dans l'écosystème Google Fonts et leur usage observé sur le web ces dernières années — pas sur un pourcentage précis, impossible à vérifier au jour le jour. L'idée n'est pas d'éviter ces polices à tout prix : c'est de savoir qu'elles sont partout, et d'avoir une alternative sous la main quand vous voulez vous démarquer.

01
Roboto
Le sans-serif système de Google — présent par défaut sur Android et une immense partie du web. Neutre, fiable... et vu absolument partout.
Alternatives
Inter
Manrope
02
Open Sans
Le choix « sûr » par défaut depuis plus de quinze ans. Lisible, mais devenu synonyme d'absence de choix.
Alternatives
Mulish
Work Sans
03
Lato
Chaleureux et arrondi, extrêmement présent en communication corporate et B2B.
Alternatives
Karla
Nunito Sans
04
Montserrat
Géométrique et affirmée, l'une des polices de titre les plus copiées de la dernière décennie.
Alternatives
Sora
Outfit
05
Poppins
Ronde et amicale, ultra-présente sur les sites vitrines et les templates no-code.
Alternatives
Urbanist
Plus Jakarta Sans
06
Inter
Devenue la référence des interfaces produit et du SaaS — au point d'être, elle aussi, un choix par défaut.
Alternatives
Manrope
Figtree
07
Source Sans 3
Sobre et technique, souvent le choix « documentation » ou « dashboard interne ».
Alternatives
Public Sans
IBM Plex Sans

Les 20 polices les plus utilisées sur le web

Suite — sept combinaisons supplémentaires

08 / 08
Répertoire
08
Noto Sans
Le sans-serif universel multi-alphabets de Google, pensé pour couvrir toutes les langues du monde.
Alternatives
Rubik
Hanken Grotesk
09
Raleway
Fine et élégante, énormément vue sur les portfolios et les sites créatifs.
Alternatives
Jost
Josefin Sans
10
PT Sans
Très répandue en communication institutionnelle et en Europe de l'Est.
Alternatives
Fira Sans
Cabin
11
Ubuntu
Identité très reconnaissable, indissociable de la distribution Linux du même nom.
Alternatives
Rubik
Red Hat Text
12
Nunito
Rondeurs douces, typique du ton « friendly SaaS » adopté par de nombreuses startups.
Alternatives
Quicksand
Baloo 2
13
Playfair Display
Le serif display le plus copié du web pour évoquer l'élégance éditoriale en un coup d'œil.
Alternatives
Fraunces
Bodoni Moda
14
Merriweather
Le serif « sérieux » par excellence pour la lecture longue — articles, rapports, blogs.
Alternatives
Lora
Source Serif 4

Les 20 polices les plus utilisées sur le web

Suite et fin — six dernières combinaisons

08 / 08
Répertoire
15
Oswald
Condensée et percutante, omniprésente en titre d'actualité et de blog.
Alternatives
Anton
Fjalla One
16
Rubik
Géométrique et arrondie, en très forte progression depuis 2020 — en passe de devenir la nouvelle Montserrat.
Alternatives
DM Sans
Sora
17
Work Sans
Sobre et polyvalente, souvent choisie comme « valeur sûre » sur les thèmes prêts à l'emploi.
Alternatives
Hanken Grotesk
Instrument Sans
18
Quicksand
Arrondie et légère, très vue en lifestyle, bien-être et communication enfance.
Alternatives
Comfortaa
Baloo 2
19
DM Sans
Minimale et propre, massivement adoptée par les templates no-code et les kits UI gratuits.
Alternatives
Be Vietnam Pro
Plus Jakarta Sans
20
Mulish
Discrète et neutre, choix par défaut de nombreux thèmes WordPress et Shopify.
Alternatives
Karla
Figtree

Une police très utilisée n'est pas un mauvais choix — c'est un choix qui ne vous distingue pas. Gardez-la si elle sert votre message ; changez-la si vous voulez qu'on se souvienne du vôtre.

Contact

Une identité typographique à construire pour de vrai ?

Ce manuel donne les bases pour choisir sans se tromper. Pour aller plus loin — décliner une vraie charte, l'appliquer à votre site ou vos supports commerciaux — je peux vous accompagner directement.

Julien — Conseil & Formation Ventes / Web / IA

Écrivez-moi directement à julien@byjulien.store.

🔒
Aperçu limité Débloquez le document complet en un clic
Débloquer maintenant → ← Retour à la fiche