Paramètres de police

Liens en vedette

1. Documentation de Company XYZ sur les paramètres de police
2. Documentation de Company XYZ sur les paramètres de police
3. Documentation Shopify sur l’éditeur de thème

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Ces paramètres contrôlent la typographie utilisée dans votre thème, du corps de texte et des boutons aux légendes, aux titres de cartes et aux niveaux de titres. Comme ils s’appliquent à de nombreux endroits à la fois, même un petit changement de police peut avoir un effet notable sur la lisibilité, la hiérarchie et l’identité de la marque.

Vous pouvez utiliser des choix de polices intégrés pour une configuration rapide ou ajouter des polices personnalisées lorsque vous avez besoin d’une identité visuelle plus précise. Pour les détails de configuration, consultez la référence des paramètres de police et la documentation Shopify sur l’éditeur de thème

Contrôles principaux des polices

Les principaux contrôles couvrent les styles de texte que la plupart des clients voient régulièrement dans le thème.

1. Police du corps de texte définit la police de lecture principale utilisée sur le site, y compris le texte d’accompagnement, les sous-titres et les badges de carte. Commencez par là, car elle a le plus grand impact sur le confort et la clarté.
2. Police des boutons s’applique au texte d’action dans tout le thème. Une typographie plus marquée peut rendre les boutons plus visibles, mais des polices décoratives peuvent rendre les libellés courts plus difficiles à lire rapidement.
3. Police des légendes est utilisée pour les petits textes de type libellé, comme le texte au-dessus des titres de section. C’est un bon endroit pour introduire un accent typographique secondaire sans perturber une lecture plus longue.
4. Transformations de texte pour chaque rôle vous permettent de contrôler globalement la casse. Ces paramètres sont utiles pour façonner le ton, mais ils peuvent aussi donner au texte une impression plus forte ou plus dense.

Les transformations en majuscules et en pleine chasse fonctionnent mieux sur les libellés courts et les titres. Sur le corps de texte ou les petites légendes, elles peuvent rapidement réduire la lisibilité.

Polices des titres

Ce sous-groupe vous permet de contrôler les titres de cartes séparément des niveaux de titres H1 à H6. Utilisez-le pour créer une hiérarchie visuelle plus claire sur les pages, les cartes et le contenu structuré.

1. Police du titre de carte influence les titres dans les contenus répétés, comme les cartes et les aperçus. Choisissez une police qui reste lisible à des tailles plus petites et dans des mises en page plus serrées.
2. Police H1 est généralement le style de titre le plus visible, souvent utilisé pour les titres de page et les grandes zones de titre. Elle doit se démarquer sans entrer en conflit avec le reste de votre typographie.
3. Polices H2 à H6 aident à définir les sous-titres et la structure du contenu. Dans la plupart des cas, garder ces niveaux visuellement liés produit un résultat plus net que de donner à chaque niveau une apparence unique.
4. Transformations du texte des titres peuvent ajouter de l’emphase, en particulier pour les titres de carte courts ou les titres de type affichage. Si trop de niveaux de titres utilisent des transformations trop fortes, les pages peuvent devenir visuellement chargées.

Astuce

Une association simple fonctionne souvent le mieux : une police de corps de texte lisible, une police de titre contrastée et un usage minimal des transformations de texte.

Polices personnalisées

Si les choix intégrés ne correspondent pas à votre marque, vous pouvez ajouter des polices d’un fournisseur ou utiliser des fichiers de police hébergés par vos soins. Cela vous offre davantage de flexibilité, mais rend aussi la précision plus importante.

1. Polices basées sur un fournisseur vous permettent de charger une police depuis un service de polices à l’aide du code fourni.
2. Polices hébergées vous permettent d’utiliser vos propres fichiers .woff ou .woff2. Fournir les deux formats peut améliorer la compatibilité.
3. Nommage des polices hébergées est important, car les affectations de police personnalisée plus loin dans ce groupe dépendent du nom de famille exact que vous définissez.

Pour les méthodes de police personnalisée prises en charge et les détails de configuration, consultez polices personnalisées.

Utilisez uniquement des polices correctement licenciées et vérifiez attentivement tout code de fournisseur ou toute URL de fichier hébergé. Si une police personnalisée ne se charge pas correctement, le thème peut revenir à une autre police et créer une typographie incohérente.

Affectations de polices personnalisées

Après avoir ajouté une source de police personnalisée, vous pouvez l’affecter à des rôles typographiques spécifiques dans tout le thème. Des contrôles personnalisés distincts sont disponibles pour le corps de texte, les boutons, les légendes, les titres de carte et chaque niveau de titre.

1. Famille de police doit correspondre à la valeur exacte fournie par votre source de police. C’est ce qui relie la police chargée au rôle que vous souhaitez styliser.
2. Graisse de police doit correspondre à la variante prévue de la police. Si la graisse n’est pas la bonne, la police peut apparaître plus fine, plus lourde ou moins soignée que prévu.
3. Style de police vous permet d’utiliser un style normal ou italique lorsque c’est approprié. Les italiques peuvent ajouter du caractère, mais il vaut généralement mieux les réserver à des usages plus larges ou plus intentionnels.
4. Paramètres personnalisés par rôle facilitent l’utilisation sélective d’une police personnalisée, par exemple uniquement pour les titres H1 ou les boutons, au lieu de remplacer chaque police du thème.

Une approche pratique consiste à ajouter d’abord une police personnalisée, à la tester dans son rôle le plus important, puis à étendre son usage uniquement si elle reste équilibrée sur différents modèles et tailles de texte.

Notes d’utilisation

1. Commencez par le texte de lecture. Définissez d’abord la police du corps de texte, car elle influence la majorité du contenu et établit le ton général du thème.
2. Construisez la hiérarchie de manière intentionnelle. Utilisez les polices de titres et le style des titres de carte pour distinguer clairement les niveaux de contenu sans faire concurrence à chaque rôle de texte pour attirer l’attention.
3. Limitez les transformations de casse. Appliquez les majuscules, les remplacements en minuscules ou le style en pleine chasse principalement au texte court, là où le rendu visuel reste lisible.
4. Testez le contenu répété. Vérifiez les polices sur les cartes, les boutons, les légendes et les titres de page afin de repérer les problèmes d’espacement ou de lisibilité dans les endroits que les clients voient le plus souvent.
5. Vérifiez la configuration des polices personnalisées. Confirmez soigneusement les valeurs de famille de police, le code source et les URL des fichiers hébergés pour maintenir une typographie cohérente dans tout le thème.
6. Vérifiez le texte des formulaires et des actions dans son contexte. Assurez-vous que les boutons, les libellés et les messages de validation restent lisibles dans les états vides, soumis et en erreur.
7. Passez en revue les modèles riches en contenu. Comparez la typographie dans les mises en page produit, panier, recherche, blog et article afin que les titres et le corps de texte restent équilibrés lorsque le contenu change ou que les résultats sont limités.