Pourquoi parler des fonts maintenant
La typographie est l'élément le plus sous-investi du design web actuel. La majorité des sites tournent sur Inter par défaut, ce qui est pratique, gratuit, et exactement ce que font tous les autres. Le résultat : aucune signature typographique, donc aucune mémorabilité visuelle au-delà du logo.
En 2026, l'écart entre les sites qui investissent dans leur typo et ceux qui restent par défaut est plus visible que jamais. Stripe, Linear, Vercel, Notion, et la plupart des marques premium ont chacune une font signature qu'on reconnaît. Les concurrents qui restent sur Inter regardent dans le rétroviseur.
Cet article fait le tri : ce qui marche, ce qui date, ce qui émerge. Avec des recommandations sectorielles, parce qu'une font qui marche pour un SaaS B2B technique n'est pas la même qu'une font qui marche pour une marque DTC lifestyle.
Les fonts qui datent (et pourquoi)
Avenir, Helvetica Neue, Roboto : ces fonts ont dominé les années 2010, et elles se reconnaissent immédiatement comme datées en 2026. Pas parce qu'elles sont mauvaises (elles sont techniquement excellentes), mais parce qu'elles signalent un site qui n'a pas été touché depuis 5 ans.
Lato, Open Sans : les fonts Google par défaut des années 2015. Encore omniprésentes sur les sites des entreprises traditionnelles, mais immédiatement reconnaissables comme « stack par défaut Bootstrap ». À éviter pour tout projet qui veut signaler la modernité.
Montserrat : la grande victime de 2026. Surutilisée pendant 8 ans dans le SaaS et l'e-commerce, elle a perdu toute fraîcheur. Reconnaissable en deux secondes et associée à des sites moyens.
La règle générale : si une font a dominé pendant plus de 5 ans dans votre secteur, elle ne crée plus de valeur de différenciation, elle crée du bruit de fond.
Inter : le default qui perd sa fraîcheur
Inter mérite une section à elle seule. Lancée en 2017, elle est devenue progressivement la font par défaut du web tech, et elle est utilisée par estimé 40 % des sites SaaS modernes en 2026.
Les qualités d'Inter restent intactes : lisibilité exceptionnelle, large support multilingue, optical sizing intégré, gratuité, optimisée pour les écrans. C'est techniquement une des meilleures fonts web disponibles.
Le problème est purement d'usage : quand 40 % des sites tournent dessus, elle ne crée plus de signature. Choisir Inter en 2026, c'est choisir « la valeur sûre fade ». Pour un projet où la signature visuelle compte, c'est un mauvais arbitrage. Pour un projet où on optimise la lisibilité brute sans souci de différenciation (documentation technique, dashboard interne), elle reste un excellent choix.
La nuance : Inter pour le corps reste défendable si on associe une font display différente pour les titres (par exemple Söhne, Tiempos, ou PP Editorial). Le hybride permet de garder la lisibilité d'Inter sur les longs textes tout en signant les titres.
Les fonts grotesques premium qui montent
Söhne (Klim Type Foundry) : devenue la signature Stripe, elle s'impose en 2025-2026 dans le SaaS B2B premium. Personnalité distincte tout en restant neutre, supports excellents, optical sizing soigné. Limite : licence coûteuse (≈3000$ pour usage commercial complet).
Geist (Vercel) : open source depuis 2024, design moderne et géométrique. Excellente pour les sites tech et infrastructure, mais commence à devenir reconnaissable comme « la font Vercel » à mesure de sa propagation.
Switzer (Indian Type Foundry) : alternative très défendable à Söhne, free pour usage personnel, payante pour commercial. Personnalité légèrement plus contemporaine, large famille de poids et de largeurs.
GT America (Grilli Type) : signature « éditorial moderne », utilisée par Apple sur certaines campagnes. Premium, polyvalente, supporte les contrastes éditoriaux.
Untitled Sans (Klim) : grotesque neutre haut de gamme, alternative à Söhne avec une personnalité légèrement plus réservée. Très utilisée dans les agences créatives.
NB International / NB Architekt (Neubau) : pour les projets qui veulent un côté Bauhaus contrôlé. Plus singulière, parfaite pour des projets architecture, mode, ou design.
Les serifs qui reprennent du terrain
PP Editorial New (Pangram Pangram) : devenue la font signature des sites éditoriaux et culture en 2024-2026. Contraste fort entre les fines et les pleines, regular très lisible en taille de body, italics expressives. Free pour usage personnel, abordable en commercial.
Tiempos (Klim) : alternative premium très utilisée par les médias et les marques de luxe. Texte (pour le body) et Headline (pour les titres) sont calibrées pour le print et le web.
GT Sectra (Grilli Type) : signature éditoriale forte, idéale pour les marques qui veulent un côté littéraire ou journalistique.
Söhne Mono (Klim) : ajout récent à la famille Söhne, parfait pour les accents techniques (chiffres, code, métadonnées). Utilisé en complément de Söhne sans.
JetBrains Mono : la mono préférée pour les interfaces dev, gratuite, optimisée pour la lisibilité en taille small. À utiliser parcimonieusement comme accent.
Recommandations par secteur
SaaS B2B technique : pairing Söhne (titres) + Inter (body), ou Geist (titres+body) si on assume la signature Vercel. Pour le premium : Söhne + Söhne Mono pour les accents techniques.
SaaS B2B marketing/sales : Switzer (titres+body) ou Inter Display (titres) + Inter (body). Pour le premium : GT America + Tiempos pour les longs paragraphes.
Marques DTC lifestyle : PP Editorial New (titres) + Switzer ou Inter (body). Le mix éditorial-grotesque marche très bien pour signaler le côté magazine.
Luxe et beauté : Tiempos + GT America, ou serif premium custom (Recoleta, Söhne Schmal) + sans neutre. Investir sérieusement dans la typo est attendu à ce niveau de marché.
Food et artisanat : serif éditorial chaud (PP Editorial, Garamond modernisé) + sans authentique. Éviter les fonts trop techniques qui dissonent avec le secteur.
Fintech et services pros : Söhne (titres) + Inter (body) est devenu la combinaison sûre. Pour se différencier : GT America ou Untitled Sans.
Créatif/agence : exploration plus libre. PP Right Grotesk, Migra, ou des fonts Pangram Pangram récentes pour signer fort.
Erreurs courantes à éviter
Trop de fonts : charger 4-5 fonts différentes alourdit la page et brouille la hiérarchie. Deux fonts maximum (une display, une body), avec 2 poids chacune (regular + bold/semibold). Quatre weights au total est le plafond raisonnable.
Poids trop nombreux : charger ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold = 7 weights par font = environ 700 KB de fonts chargées. Pour un usage réel, 2-3 poids suffisent : un regular pour le body, un semibold ou bold pour les titres et les emphases.
Fonts sans optical sizing en taille de titre : une font calibrée pour le body affichée en 72px peut paraître flasque ou bizarrement contrastée. Choisir une font avec une variante display, ou utiliser font-variation-settings pour les axes optical sizing si la font le supporte.
Négliger le rendu mobile : tester les fonts choisies en 14-16px sur écran mobile. Une font qui paraît élégante en 18px sur desktop peut être illisible en 14px sur iPhone SE. Privilégier les fonts avec une bonne lisibilité aux petites tailles.