Trouver la police d’écriture d’un site web assurance : le guide complet des outils typographiques

En bref ■

Vous naviguez sur le site d’un concurrent ou d’un assureur de référence et une typographie attire votre attention — mais impossible de l’identifier à l’oeil nu. Deux méthodes répondent à cette question en quelques secondes. WhatFont est l’extension Chrome de référence : après installation, un simple survol de n’importe quel texte révèle le nom de la police, sa taille, son épaisseur et sa couleur. Les outils développeur Chrome (clic droit > Inspecter > onglet Computed) donnent le même résultat pour les utilisateurs à l’aise avec le CSS. Pour aller plus loin : FontsinPDF identifie les polices d’un document PDF, WhatTheFont reconnaît une typographie à partir d’une image ou d’un logo. Ces outils sont utilisés quotidiennement par les équipes Eficiens lors des benchmarks typographiques préalables à toute refonte de site, conception de parcours de souscription ou refonte d’espace client assurance.

La typographie n’est jamais anodine dans le secteur de l’assurance. Une police bien choisie communique instantanément la confiance, la clarté et le sérieux qu’un assuré attend de son organisme — avant même d’avoir lu une seule ligne. Lors d’un benchmark concurrentiel, d’une veille sur les conventions graphiques du marché ou d’une session de recherche d’inspiration pour une refonte, la question revient systématiquement : « Cette police, comment elle s’appelle ? »

Répondre à cette question ne nécessite aucune compétence technique particulière. Il existe des outils gratuits, rapides et précis qui font ce travail en quelques secondes — que la typographie soit sur un site web, dans un PDF ou sur une image. Ce guide les recense tous, avec leurs modalités d’utilisation et les cas où chacun est le plus pertinent.

Méthode 1 — WhatFont, l’extension de référence pour Chrome et Safari ■

WhatFont est l’outil le plus utilisé par les équipes design et marketing pour identifier les polices web. Son principe est d’une simplicité radicale : une fois l’extension installée, un clic sur n’importe quel texte d’une page web révèle toutes les informations typographiques disponibles. Pas de code, pas de manipulations complexes — deux secondes et la question est réglée.

WhatFont Gratuit Chrome & Safari

Ce qu’il détecte : le nom de la police (family), sa taille en pixels, son épaisseur (weight), sa couleur en hexadécimal, et l’aperçu des glyphes en majuscules et minuscules. Il indique également la source de chargement — Google Fonts, Adobe Fonts ou font auto-hébergée — ce qui peut être utile pour anticiper les implications de licence lors d’une reprise de projet.

Comment l’installer :

1. Recherchez « WhatFont » dans le Chrome Web Store
2. Cliquez sur « Ajouter à Chrome » puis confirmez
3. L’icône f? apparaît dans la barre d’extensions

Comment l’utiliser :

1. Rendez-vous sur le site dont vous souhaitez identifier la typographie
2. Cliquez sur l’icône WhatFont dans votre barre d’extensions
3. Survolez n’importe quel texte — les informations s’affichent en temps réel
4. Cliquez pour figer l’affichage dans une box détaillée

Usage typique dans un projet de refonte assurance

Lors d’un benchmark préalable à la refonte du site d’une mutuelle santé, les équipes Eficiens utilisent WhatFont pour analyser les conventions typographiques des assureurs de référence : quelle famille de polices est dominante sur le secteur, quelles tailles de corps sont utilisées pour les textes contractuels, et quel écart de graisse est appliqué entre les titres et le corps de texte. Cette analyse nourrit directement les recommandations de design system produites en phase de cadrage.

Méthode 2 — Les outils développeur Chrome, pour aller plus loin ■

L’inspection du code source via les outils développeur intégrés à Chrome offre plus d’informations que WhatFont, au prix d’une légère complexité supplémentaire. Cette méthode est préférable quand vous souhaitez comprendre non seulement la police utilisée, mais aussi les règles CSS complètes qui définissent le style typographique — interligne, espacement des lettres, comportement responsive.

• Faites un clic droit sur le texte dont vous souhaitez identifier la police et sélectionnez « Inspecter » — ou appuyez sur F12
• Dans le panneau de droite, l’onglet « Styles » affiche toutes les règles CSS appliquées à l’élément sélectionné — cherchez la propriété font-family
• L’onglet « Computed » affiche les valeurs CSS calculées finales, après résolution des héritages — plus fiable si plusieurs règles CSS entrent en conflit
• Le panneau « Fonts » dans l’onglet Elements liste toutes les polices chargées sur la page et leur statut

Cette méthode est particulièrement utile quand une page utilise plusieurs polices selon le contexte — serif pour les titres, sans serif pour les corps — et que vous souhaitez cartographier l’ensemble du système typographique sans cliquer sur chaque élément individuellement.

Pour Firefox et les autres navigateurs ■

WhatFont n’est disponible que sur Chrome et Safari. Si vous travaillez sur Firefox lors des phases de recette ou de tests de compatibilité, des alternatives existent.

Font Finder Gratuit Firefox

L’équivalent WhatFont sur Firefox. Font Finder identifie la famille de polices, la taille, la graisse, la couleur et l’interligne au survol. Son interface est légèrement différente mais les informations fournies sont comparables. Installation via le catalogue d’extensions Firefox.

WhatFont Safari Gratuit Safari / macOS

WhatFont dispose d’une version native pour Safari, disponible sur le Mac App Store. Son fonctionnement est identique à la version Chrome. Utile pour les équipes Apple qui effectuent leurs benchmarks directement depuis Safari.

Identifier la police d’un document PDF ■

WhatFont ne fonctionne pas sur les PDF — une limitation importante dans le secteur de l’assurance, où les documents PDF (conditions générales, fiches IPID, bulletins d’adhésion, attestations) constituent une part significative des supports de communication. Maintenir une cohérence typographique entre le site web et ces documents suppose de pouvoir identifier les polices dans les deux environnements.

FontsinPDF Gratuit En ligne

La référence pour identifier les polices d’un PDF. Rendez-vous sur fontsinpdf.com, téléchargez le document, cliquez sur « Search for fonts in PDF » — la liste complète des polices embarquées s’affiche sur la page suivante avec leur nom exact et leur statut d’intégration.

Adobe Acrobat — Propriétés du document Via Acrobat

Si vous disposez d’Adobe Acrobat, le menu Fichier > Propriétés > onglet « Polices » liste toutes les fonts intégrées au document avec leur type (Type 1, TrueType, OpenType) et leur statut d’intégration. C’est la méthode la plus complète pour les équipes qui travaillent régulièrement sur des PDF.

Point d’attention : certains PDF d’assureurs utilisent des polices sous licence propriétaire non disponibles sur les catalogues publics. L’outil identifie le nom de la font, mais vous ne pourrez pas la télécharger — vous devrez vous tourner vers un équivalent libre ou sous licence appropriée.

Identifier la police d’une image ou d’un logo ■

Le cas des images est plus complexe : contrairement aux pages web où la police est définie en CSS, une image est un fichier plat dont le texte ne peut être « lu » que par reconnaissance visuelle. Les outils suivants utilisent des algorithmes d’analyse visuelle et de correspondance de glyphes.

WhatTheFont — MyFonts Gratuit myfonts.com

La référence pour l’identification de polices à partir d’une image. Rendez-vous sur myfonts.com/WhatTheFont, glissez votre image ou son URL, et l’outil détecte automatiquement les zones de texte pour proposer les polices correspondantes dans une base de plus de 130 000 fonts. Particulièrement efficace sur les logotypes et les typographies titres des sites d’assureurs.

FontSquirrel Matcherator Gratuit fontsquirrel.com

Alternative à WhatTheFont avec une spécialisation sur les polices libres de droits. FontSquirrel Matcherator est utile quand vous cherchez un équivalent open source à une police propriétaire identifiée sur un site concurrent — question fréquente lors de la construction d’un design system.

WhatFontis Gratuit whatfontis.com

Outil d’identification assistée manuellement : vous soumettez une image, l’outil découpe les lettres automatiquement, et vous pouvez corriger la découpe et valider les caractères pour affiner la recherche. Plus lent que WhatTheFont mais plus précis sur les typographies rares ou atypiques.

Récapitulatif : quel outil pour quel usage ■

Pourquoi la typographie est un enjeu stratégique dans l’assurance ■

La question « comment trouver cette police ? » s’inscrit dans un enjeu plus profond que la curiosité esthétique. Dans les projets de création ou de refonte de site d’assurance, la typographie est l’un des vecteurs les plus puissants — et les plus sous-estimés — de la confiance accordée à un organisme.

Un site de mutuelle santé qui utilise une police condensée à corps trop petit pour ses pages de garanties envoie un signal négatif sur la lisibilité de ses conditions. Un assureur qui mélange trois familles de polices sans cohérence apparaît désorganisé. À l’inverse, une typographie bien calibrée — corps suffisant pour la lecture sur mobile, contraste conforme aux exigences RGAA, hiérarchie visuelle claire entre titres et corps de texte — renforce silencieusement la crédibilité de chaque page visitée.

Dans nos projets de refonte, la phase de benchmark typographique précède toujours le début de la conception. Comprendre les conventions du marché — ce que les acteurs de référence ont choisi et pourquoi — est la condition pour proposer un design system à la fois identitaire et légitime dans l’écosystème assurance. Sarah Menjoz – Directrice Projets Eficiens

Il y a aussi une dimension réglementaire directe. Les WCAG 2.1 et le RGAA imposent des critères de lisibilité qui ont des implications typographiques concrètes : taille de corps recommandée de 16 pixels minimum pour le texte courant, ratio de contraste d’au moins 4,5:1 entre la couleur du texte et le fond, et redimensionnement du texte à 200 % sans perte de contenu. La directive EAA, applicable aux assureurs depuis juin 2025, renforce encore ces exigences — ce qui en fait un critère fonctionnel, pas seulement esthétique.

De nombreuses autres sociétés ont d’ailleurs adopté leur typo propre : Apple, Intel, GE et bien d’autres…

Les tendances typographiques dans le secteur assurance en 2026

L’observation des sites des principaux assureurs et mutuelles français révèle quelques tendances structurantes. La combinaison serif élégante pour les titres / sans serif moderne pour les corps de texte s’est imposée comme le standard premium du secteur — elle traduit l’association confiance et accessibilité qui est au coeur du positionnement des grandes mutuelles. Les variable fonts (une seule police qui encapsule toutes ses variantes de graisse) gagnent du terrain pour leur bénéfice de performance web — une ressource unique à charger. Enfin, le mouvement vers les fonts auto-hébergéesplutôt que vers Google Fonts s’accélère pour des raisons de conformité RGPD : l’appel à Google Fonts transmettait l’adresse IP du visiteur à des serveurs Google situés aux États-Unis, ce que plusieurs CNIL européennes ont jugé non conforme.

Questions fréquentes ■

Tous les détails sur notre page contact ou en visio ci-dessous ■

Ils nous font confiance ■