Comment mettre à jour les couleurs et les polices sur Shopify (2026)

Dernière mise à jour
Revu par un expert
5 min de lecture
Jacques Blom
Jacques Blom
CTO chez Fudge.

À retenir

  • Les couleurs et les polices se gèrent dans l’éditeur de thème sous Paramètres du thème - aucun code n’est requis pour les modifications standard.
  • Les couleurs se trouvent sous Paramètres du thème → Couleurs. Les polices sous Paramètres du thème → Typographie.
  • Les thèmes modernes utilisent des jeux de couleurs que vous pouvez assigner par section, ce qui vous donne plus de contrôle sur le rythme visuel.
  • Pour les couleurs et les polices qui ne sont pas incluses dans les paramètres du thème, c’est le CSS personnalisé ou Fudge qui prend le relais.

Mettre à jour les couleurs et les polices de sa marque est l’une des premières choses que fait la majorité des marchands lorsqu’ils créent ou actualisent une boutique Shopify. Les deux se trouvent au même endroit : le panneau Paramètres du thème de l’éditeur de thème.

Pourquoi vous pouvez nous faire confiance

Jacques a plus de 15 ans d’expérience en développement Shopify. Nous avons conçu Fudge — un éditeur de boutique par IA utilisé par des centaines de boutiques Shopify, avec une note de 5.0 sur le Shopify App Store.


Où trouver les paramètres de couleurs et de polices sur Shopify

Étape 1. Allez dans Boutique en ligne → Thèmes → Personnaliser.

Étape 2. Dans la barre latérale gauche, faites défiler vers le bas et cliquez sur Paramètres du thème.

Étape 3. Vous verrez les paramètres regroupés par catégorie. Cherchez :

Ces deux sections contrôlent l’apparence globale de toute votre boutique en ligne.


Comment changer les couleurs sur Shopify

Cliquez sur Couleurs dans les Paramètres du thème. Vous y trouverez des sélecteurs de couleurs pour :

Cliquez sur n’importe quel échantillon de couleur et entrez votre code hex (ex : #1A1A2E). Les modifications s’appliquent globalement à toute votre boutique.

Jeux de couleurs (thèmes modernes). Les thèmes comme Dawn et Horizon utilisent des jeux de couleurs plutôt que de simples couleurs globales. Chaque jeu est un ensemble coordonné de couleurs de fond, de texte et de boutons. Vous définissez les jeux dans les Paramètres du thème, puis vous les attribuez à des sections individuelles. Cela vous permet d’alterner les sections claires et sombres sans régler les couleurs élément par élément.


Comment changer les polices sur Shopify

Cliquez sur Typographie dans les Paramètres du thème. Vous verrez des sélecteurs de polices pour :

Cliquez sur Modifier à côté de l’une ou l’autre des catégories. La bibliothèque de polices de Shopify s’ouvre, affichant les Google Fonts, les polices système et une sélection de la part de Shopify.

Parcourez ou cherchez par nom, cliquez pour un aperçu, puis cliquez sur Sélectionner. N’oubliez pas d’enregistrer.

À lire aussi : Changer la taille de police des titres sur Shopify.


Comment changer la couleur des polices sur Shopify

Les couleurs des polices font partie des paramètres de Couleurs, et non de la Typographie.

Dans Paramètres du thème → Couleurs, cherchez le champ de couleur du Texte. Cela contrôle globalement la couleur du corps de texte. La couleur du texte des titres peut se trouver dans un champ distinct : cherchez “Couleur des titres” ou “Texte des titres” dans le même panneau.

Pour surcharger (override) une section spécifique, cliquez sur la section dans l’Éditeur de thème → cherchez un sélecteur de Jeux de couleurs dans les paramètres de la section. Le fait de passer la section sur un jeu de couleurs différent modifie à la fois son fond et les couleurs de son texte.


Comment surcharger des couleurs et polices spécifiques avec du CSS

Si une couleur ou une police n’est pas modifiable dans les Paramètres du thème, utilisez du Custom CSS.

Allez dans Paramètres du thème → faites défiler jusqu’à CSS personnalisé. Ajoutez vos overrides :

/* Custom heading font color */
h1, h2, h3 {
  color: #1A1A2E;
}

/* Custom link color */
a {
  color: #E63946;
}

/* Custom button background */
.btn-primary, .button--primary {
  background-color: #E63946;
  color: #FFFFFF;
}

Trouvez la bonne classe CSS en faisant un clic droit sur un élément de votre boutique en ligne → Inspecter.

Besoin d'une refonte complète du style de votre marque ? Décrivez votre palette et vos polices à Fudge.
Try Fudge for Free

À lire aussi : Mettre à jour les polices sur Shopify.

Pour plus de détails, consultez notre guide : Mettre à jour les couleurs de marque sur Shopify.


Comment appliquer des polices personnalisées non incluses dans Shopify

Pour les polices achetées ou propres à votre marque, le processus implique de télécharger (uploader) vos fichiers de police dans les assets de votre thème :

  1. Uploadez les fichiers .woff2 et .woff via Boutique en ligne → Thèmes → Actions → Modifier le code → dossier Assets
  2. Ajoutez une règle @font-face dans votre CSS
  3. Appliquez la police aux titres et au corps de texte

Cela demande des connaissances en CSS. L’alternative consiste à le décrire à Fudge : “Applique notre police de marque [nom de la police] pour les titres et [nom de la police] pour le corps de texte. Les fichiers sont uploadés dans le dossier assets.” Fudge s’occupe de rédiger les déclarations et les applique sous forme de brouillon.


Assurer la cohérence de vos changements de marque

Lors du changement des couleurs et des polices, vérifiez ces emplacements pour vous assurer que les modifications sont cohérentes :

L’Éditeur de thème contrôle uniquement votre vitrine. Le branding du checkout et des e-mails sont configurés séparément.

À lire aussi : Fudge Store Editor.

À lire aussi : Éditer votre thème Shopify.

À lire aussi : Changer la couleur de police sur Shopify.

À lire aussi : Changer la couleur des liens sur Shopify.

À lire aussi : Mettre à jour les couleurs de marque sur Shopify.


Utiliser Fudge pour refondre complètement votre marque

Si vous souhaitez appliquer une nouvelle palette de couleurs et un nouveau système typographique à l’ensemble de votre thème (y compris sur des éléments inaccessibles depuis l’éditeur de thème), détaillez votre demande à Fudge :

“Appliquez notre nouvelle identité de marque : couleur principale #1A1A2E, accent #E63946, arrière-plan #FAFAFA. Titres en Canela Display, corps de texte en Inter. À appliquer uniformément sur les boutons, les états de survol, les arrière-plans de section et les badges.”

Fudge se chargera de générer toutes les mises à jour CSS sous forme de brouillon. Vous pourrez tout vérifier avant la mise en ligne.


FAQ

Changer de police va-t-il ralentir mon site Shopify ?

Oui, légèrement. Chaque famille de polices personnalisée ajoute un fichier de police à charger. Deux familles (titres + corps de texte) ajoutent généralement entre 60 et 200 Ko au total et ont un impact d'environ 50 à 200 ms sur le LCP. Les polices système (-apple-system, Arial) se chargent instantanément sans aucune surcharge. Utilisez font-display: swap pour que le texte s'affiche dans une police de secours en attendant que la vôtre se charge.

Comment accorder les couleurs de ma page de paiement Shopify avec ma vitrine ?

Paramètres → Paiement → Personnaliser dispose de son propre panneau de branding, distinct de celui du thème. Appliquez-y les mêmes codes hexadécimaux (arrière-plan, couleur d'accentuation, boutons) que ceux utilisés dans Paramètres du thème → Couleurs. Avoir des couleurs différentes entre la vitrine et le paiement brise la continuité de la marque au moment le plus critique.

Puis-je utiliser les polices sous licence de ma marque sur Shopify ?

Oui — importez les fichiers .woff2 et .woff dans le dossier assets/ de votre thème, puis ajoutez une déclaration @font-face en CSS. Vérifiez que la licence de votre police autorise l'usage web (la plupart des fonderies modernes le permettent, mais certaines se limitent à des domaines précis). Si vous préférez ne pas écrire le bloc @font-face vous-même, importez vos fichiers et décrivez ce que vous voulez à Fudge ("utiliser GT Walsheim pour les titres et Inter pour le corps de texte") et il rédigera les déclarations pour les assigner dans tout votre thème.

Quelles sont de bonnes combinaisons de polices pour Shopify ?

Combinaisons populaires qui convertissent bien : Inter (corps de texte) + Playfair Display (titres) pour les marques éditoriales ; Inter partout pour un style SaaS ; DM Sans + DM Serif Display pour un look éditorial moderne ; des polices système partout pour les marques accessibles ou décontractées. Associez des personnalités contrastées (une serif, une sans-serif) pour créer une vraie hiérarchie visuelle.

Dois-je utiliser une police serif ou sans-serif pour mes titres Shopify ?

Tout dépend de votre positionnement. Les titres serif (Playfair, Canela, Tiempos) ont un côté éditorial, premium et réfléchi — idéal pour la mode, la beauté, le lifestyle. Le sans-serif (Inter, DM Sans, Söhne) est plus moderne, direct, technique — parfait pour les produits de type SaaS, l'électronique, le sportswear. Testez les deux auprès de votre audience.

Jacques's signature
Appliquez les couleurs et les polices de votre marque — sans toucher au code.

You might also be interested in

Comment mettre à jour les polices dans Shopify (2026)
Comment changer les polices dans Shopify — Paramètres typographiques de l'éditeur de thème, imports de polices personnalisées via @font-face, et considérations de performance.
Comment mettre à jour les couleurs de sa marque dans Shopify (2026)
Comment modifier les couleurs de sa marque dans Shopify : jeux de couleurs dans l'Éditeur de thème, paramètres globaux et personnalisations CSS pour les éléments manquants.