Pour un site internet professionnel, choisissez une police de texte très lisible et, au maximum, une seconde famille pour donner du caractère aux titres. Une sans-serif sobre convient à la plupart des sites ; une serif peut renforcer une image éditoriale, premium ou patrimoniale.
Guide rédigé par SiteQuiVend, spécialiste de la création et de la refonte de sites internet et de boutiques Shopify. Informations mises à jour en août 2026.
Comment reconnaître une police professionnelle ?
Le professionnalisme vient d’un système typographique cohérent. Avant de choisir un nom connu, évaluez les conditions réelles d’utilisation.
Lisibilité
Les lettres doivent rester distinctes en petit corps : observez notamment les « i », « l », « I », les chiffres et les accents. Testez de vrais paragraphes, pas uniquement le nom de la marque.
Cohérence avec le positionnement
Une géométrique nette peut évoquer la technologie ou la modernité ; une serif contrastée peut suggérer l’édition ou le haut de gamme. L’effet doit soutenir l’offre sans la caricaturer.
Famille suffisamment complète
Vérifiez les graisses réellement disponibles, l’italique, les accents français, le symbole euro et les langues des marchés visés. Une variante artificiellement épaissie donne rarement un résultat propre.
Licence et disponibilité
Une police commerciale nécessite une licence adaptée au web. Sur Shopify, les choix disponibles dépendent du thème ; une police personnalisée peut demander une intégration technique.
Serif, sans-serif, display : quelle famille choisir ?
| Famille | Usage conseillé | Effet fréquent | Point de vigilance |
|---|---|---|---|
| Sans-serif | Corps, menus, boutons, interfaces | Clair, moderne, direct | Certaines géométriques sont froides ou serrées en paragraphe |
| Serif | Titres, éditorial, marques premium | Élégant, culturel, établi | Les contrastes fins perdent en netteté sur petit écran |
| Display | Accroches très courtes | Distinctif, expressif | À éviter pour paragraphes, navigation et formulaires |
| Monospace | Code, données ou détail technique | Précis, technique | Fatigant comme police principale sur un site commercial |
| Système | Sites rapides et interfaces sobres | Familier, efficace | Le rendu varie selon le système d’exploitation |
Dans la majorité des projets, une sans-serif pour le corps suffit. Ajoutez une seconde famille uniquement si elle crée une hiérarchie utile. Multiplier les polices ne rend pas le design plus riche : cela fragmente la page.
Quelles associations de polices utiliser concrètement ?
Ces combinaisons sont des directions à tester, pas des prescriptions. Leur disponibilité dépend de votre thème, de la licence et de votre méthode d’hébergement.
Sobre et polyvalent
Inter pour les titres et le texte. Tailles et graisses créent la hiérarchie sans multiplier les fichiers. Cette solution convient aux services, SaaS et boutiques contemporaines.
Moderne et accessible
Manrope pour les titres, Source Sans 3 pour le corps. Le contraste reste discret, avec du caractère dans les accroches et une lecture confortable.
Premium et éditorial
Playfair Display pour les titres, Inter ou Lato pour le corps. La serif apporte du caractère ; la sans-serif préserve la lisibilité. Réservez Playfair aux textes courts.
Familier et commercial
Montserrat pour les titres, Open Sans pour le corps. Cette association connue est claire. Sa personnalité viendra surtout des couleurs, images et mises en page.
system-ui, -apple-system, "Segoe UI", sans-serif. Shopify recommande d’envisager les polices système, déjà présentes sur l’appareil, afin d’éviter un téléchargement susceptible de ralentir la boutique.Tailles, graisses et espacements : la police ne suffit pas
Une typographie professionnelle repose davantage sur la hiérarchie que sur le nom de la famille. Voici des valeurs de départ à adapter au dessin réel de la police.
Texte courant
Commencez autour de 16 px ou 1 rem, avec une hauteur de ligne de 1,5 à 1,7. Une police visuellement petite peut nécessiter davantage.
Titres
Créez des écarts nets entre les niveaux. Sur mobile, une échelle fluide évite mots coupés et blocs trop hauts.
Graisses
Deux ou trois graisses suffisent : régulière pour le texte, semi-grasse pour les repères, forte pour les titres.
Largeur de lecture
Évitez les paragraphes traversant tout un grand écran. Une ligne modérée facilite le passage à la suivante.
Les recommandations d’accessibilité de Shopify indiquent une taille minimale équivalente à 16 px pour le corps et rappellent que deux polices de même taille peuvent paraître différentes. Le W3C demande aussi que le contenu supporte l’agrandissement du texte sans perte ni chevauchement.
Comment préserver vitesse et accessibilité ?
Limiter les fichiers
Chargez seulement les familles, graisses, styles et caractères utilisés. La police d’un logo en image n’est pas nécessaire partout.
Choisir un format web
Pour une intégration personnalisée, privilégiez généralement WOFF2 et prévoyez une famille de secours proche.
Éviter le texte invisible
font-display contrôle le remplacement de la police de secours. Le choix entre swap, fallback ou optional dépend du compromis visuel et de performance.
Tester les vrais contenus
Contrôlez accents, prix, boutons, formulaires et traductions, puis les retours à la ligne à 375 px et avec zoom.
Sur Shopify, la typographie globale se règle dans Boutique en ligne → Thèmes → Modifier le thème → Paramètres du thème → Typographie. Les polices disponibles sont déterminées par le développeur du thème. Dupliquez le thème avant une modification importante et contrôlez aussi la page de paiement, qui possède ses propres réglages.
Références utiles : réglages typographiques Shopify, accessibilité des thèmes et bonnes pratiques de performance web.
Les erreurs typographiques qui donnent un aspect amateur
Trop de familles différentes
Trois ou quatre polices concurrentes empêchent de comprendre la hiérarchie. Commencez avec une seule famille, puis justifiez chaque ajout.
Une police décorative pour le corps
Une écriture manuscrite, étroite ou très contrastée peut fonctionner dans une accroche, mais elle fatigue vite dans une description, une FAQ ou un formulaire.
Des contrastes trop faibles
Une graisse fine en gris clair sur fond blanc paraît élégante dans une maquette, mais devient difficile à lire sur un écran lumineux ou pour une personne malvoyante.
Changer sans vérifier tout le thème
Une nouvelle police modifie la largeur des boutons, la hauteur des cartes et les retours à la ligne. Inspectez accueil, collections, produits, panier, formulaires et mobile.
Si votre typographie n’est qu’un des nombreux signes d’un design vieillissant, consultez aussi les signes qu’une boutique Shopify manque de professionnalisme et le guide pour moderniser une ancienne boutique Shopify.
Quelle prestation SiteQuiVend choisir ?
Trois recommandations ciblées sur la clarté, la confiance et l’expérience du site. Ce premier diagnostic ne remplace pas un audit complet.
3 demandes simples dans la limite d’une heure, avec première réponse annoncée sous 48 à 72 heures ouvrées. La faisabilité dépend du thème et du périmètre.
5 pages ou modèles clés, jusqu’à 10 produits et 3 collections, avec délai indicatif de 5 à 7 jours ouvrés après réception des éléments nécessaires.
L’achat de licences, l’intégration de fichiers personnalisés, le développement complexe et les interventions hors forfait sont chiffrés séparément.
Checklist avant de valider les polices de votre site
Les 12 contrôles essentiels
- Une ou deux familles maximum.
- Les accents et symboles sont disponibles.
- La licence autorise l’usage web.
- Le corps reste confortable autour de 16 px ou plus.
- Les niveaux de titres sont distincts.
- Les graisses ne remplacent pas la hiérarchie.
- Les boutons restent lisibles et assez larges.
- Le contraste est suffisant sur chaque fond.
- Les paragraphes ne sont pas excessivement larges.
- Les fichiers et graisses inutiles ne sont pas chargés.
- Le site fonctionne avec une police de secours.
- Accueil, produit, panier et mobile ont été vérifiés.
FAQ : choisir les polices d’un site professionnel
Quelle est la meilleure police pour un site professionnel ?
Aucune n’est universelle. Inter, Manrope, Source Sans 3, Open Sans ou une pile système sont des bases lisibles à adapter à la marque et au thème.
Combien de polices faut-il utiliser sur un site ?
Une famille complète suffit souvent. Deux fonctionnent si l’une structure les titres et l’autre facilite le corps. Au-delà, la cohérence se complique.
Une police serif est-elle professionnelle ?
Oui, notamment pour un univers éditorial ou premium. Choisissez un dessin lisible et réservez les formes fines aux textes assez grands.
Quelle taille de police utiliser sur mobile ?
Pour le corps, 16 px ou 1 rem est un point de départ prudent. Adaptez-le à la hauteur visuelle de la police.
Les polices Google ralentissent-elles un site ?
Toute police web ajoute des fichiers potentiels. L’impact dépend de l’hébergement, des graisses, des sous-ensembles et de l’affichage.
Peut-on ajouter une police personnalisée sur Shopify ?
Oui, selon le thème et la licence. Une police absente du sélecteur peut nécessiter des fichiers et une modification technique.
Faut-il utiliser la même police dans le paiement Shopify ?
Une cohérence est souhaitable dans les options disponibles. L’éditeur de paiement permet de régler les titres et le corps.
Changer de police peut-il suffire à moderniser un site ?
Parfois. Si couleurs, espacements, composants et modèles sont incohérents, la police seule ne suffira pas.
