Personnalisez le texte de votre site à l’aide de divers paramètres.
Vous pouvez personnaliser notamment la police, la couleur, la taille et l’espacement d’un texte dans le panneau Styles du site. Lorsque vous modifiez la police du texte, vous changez son aspect graphique et vous lui ajoutez une touche personnelle. La plupart des modifications de style s’appliquent à ce type de texte sur tout le site.
Ce guide présente les différentes manières de personnaliser le style du texte de votre site.
Conseil : pour en savoir plus sur la mise en forme du texte, notamment la définition du type de texte, la création de listes et la mise en gras et en italique, consultez l’article Mettre en forme un texte.
Regarder une vidéo
Personnaliser le texte
La façon dont vous personnalisez le style du texte de votre site dépend de la version de votre site.
Pour personnaliser le style de votre texte, utilisez les panneaux Polices et Couleurs du panneau Styles du site afin de définir les polices et les couleurs de l’ensemble du site, ou personnalisez les polices et les couleurs dans des sections spécifiques.
Pour en savoir plus, consultez Modifier les polices et Modifier les couleurs.
Utilisez le panneau Styles du site pour modifier le style général du texte et sélectionner une police et une couleur. Pour vous aider à créer une présentation cohérente, les ajustements du panneau Styles du site sont appliqués à tous les textes du même format.
Vous pouvez par exemple changer la police de tous les en-têtes ou de tous les corps de texte en une seule manipulation. Chaque template dispose d’options de personnalisation du texte légèrement différentes. Pour en savoir plus, consultez l’article Modifier les polices de caractères.
Consultez les sections ci-dessous pour découvrir les étapes propres à chaque option de style.
Couleur
La méthode pour modifier la couleur du texte dépend de la version de votre site.
Vous pouvez modifier la couleur d’un groupe de texte entier dans le panneau Styles du site, tel que Paragraphe (petit) ou Liens des titres. Pour modifier la couleur d’un groupe de texte :
- Ouvrez le panneau Styles du site, puis cliquez sur Couleurs.
- Ouvrez le thème de couleurs correspondant à la section que vous souhaitez modifier.
- Cliquez sur l’ajustement de couleur correspondant au groupe de texte que vous souhaitez modifier, puis choisissez une nouvelle couleur.
Pour obtenir des instructions plus détaillées, consultez l’article Modifier les couleurs.
Couleur du bloc Texte
Dans un bloc Texte, vous pouvez modifier la couleur du texte sélectionné. Modifiez les couleurs des mots individuels pour les faire ressortir, ou appliquez une couleur différente à chaque lettre. Pour définir des couleurs de texte personnalisées :
- Cliquez sur Modifier sur la page ou l’élément contenant le bloc Texte, puis cliquez à l’intérieur du bloc Texte.
- Mettez en surbrillance le texte que vous souhaitez modifier. Il peut s’agir d’une seule lettre, d’un seul mot ou de plusieurs mots.
- Dans la barre d’outils Texte, cliquez sur l’icône couleurs, puis choisissez une nouvelle couleur. Cliquez sur Palette pour choisir une couleur dans la palette de couleurs de votre site, ou cliquez sur Personnalisé pour utiliser le sélecteur de couleurs.
- Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.
À retenir :
- Le fait de modifier les couleurs du texte dans la barre d’outils du bloc Texte remplace toutes les couleurs de texte définies dans le panneau Styles du site. Après avoir modifié les couleurs du texte dans la barre d’outils du bloc Texte, si vous modifiez ensuite la couleur de ce même groupe de texte dans le panneau Styles du site, les modifications de couleurs que vous avez apportées à partir de la barre d’outils du bloc Texte resteront en place.
- Le fait de modifier le thème de couleurs d’une section remplace toutes les couleurs du texte et réinitialise le texte pour qu’il corresponde aux paramètres de couleur de ce thème. Pour restaurer les couleurs de texte personnalisées dans le bloc Texte, vous devez les appliquer à nouveau manuellement.
- Si vous modifiez le thème de couleurs d’une section, puis revenez au thème de couleurs précédent, les couleurs de texte personnalisées ne sont pas conservées. Vous devrez les appliquer à nouveau manuellement.
- L’icône couleurs apparaît uniquement dans les blocs Texte, et non dans les autres barres d’outils Texte.
Dans le panneau Styles du site, cliquez sur l’ajustement de couleur qui correspond au texte que vous souhaitez modifier. Pour obtenir des instructions plus détaillées, consultez l’article Modifier les couleurs.
Police
Dans le panneau Styles du site, cliquez sur le groupe de textes à modifier, puis choisissez une nouvelle police. Pour obtenir des instructions détaillées, consultez l’article Modifier les polices.
Espacement des lettres
La marche à suivre pour modifier l'espacement des lettres dépend de la version de votre site.
Pour modifier l'espacement des lettres :
- Pendant que vous modifiez une page, cliquez sur l’icône en forme de pinceau, puis sur Polices.
- Sous Styles de police généraux, cliquez sur le type de texte à modifier : Titres, Paragraphes, Boutons ou Divers.
- Utilisez le curseur Espacement des lettres pour régler l'espacement ou saisissez une valeur en em.
- Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.
Dans le panneau Styles du site, cliquez sur l’ajustement Espacement des lettres pour modifier l’espace entre les lettres.
Lorsque vous définissez l’espacement des lettres, tenez compte des points suivants :
- Les valeurs négatives peuvent provoquer un chevauchement des caractères. Définissez l’espacement des lettres sur une valeur supérieure ou égale à 0 px pour éviter tout problème d’affichage sur les appareils mobiles.
- Si les modifications que vous avez apportées à l’espacement ne sont pas prises en compte sur les appareils mobiles, vérifiez que l’espacement est défini sur px, et non sur em. Pour les templates des familles Bedford et Pacific, il existe un espacement maximal qui s‘applique aux en-têtes sur les appareils mobiles.
Hauteur de ligne
La marche à suivre pour modifier la hauteur de ligne dépend de la version de votre site.
Pour modifier la hauteur de la ligne :
- Pendant que vous modifiez une page, cliquez sur l’icône en forme de pinceau, puis sur Polices.
- Sous Styles de police généraux, cliquez sur le type de texte à modifier : Titres, Paragraphes, Boutons ou Divers.
- Utilisez le curseur Hauteur de ligne pour modifier l’espacement ou saisissez une valeur en em.
- Vos modifications sont conservées pendant que vous modifiez d’autres contenus de la page. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.
Dans le panneau Styles du site, utilisez l’ajustement Hauteur de ligne pour modifier l’espace entre les lignes.
Remarque : une hauteur de ligne de 0 em peut être à l'origine d'une superposition du texte, plus particulièrement sur les appareils mobiles.
Texte monospace ou texte de code
Le texte monospace dispose du même espacement horizontal entre chaque caractère. La dénomination de ce texte et les options de mise en forme dépendent de la version de votre site.
La taille et la police du texte monospace suivent le style de texte Divers dans le panneau Polices. Pour personnaliser le style d’une police, consultez l’article Modifier les polices de caractères.
La couleur du texte monospace suit l’ajustement Paragraphe (moyen) dans le panneau Couleurs. Pour changer la couleur de la police, consultez l’article Modifier les couleurs.
La taille et la couleur du texte de code suivent les ajustements Corps de texte. Il n’est pas possible de modifier le style de police.
Paragraphe ou texte normal
La dénomination du corps de texte principal et les options proposées pour la personnalisation de son style dépendent de la version de votre site.
La taille et la police du texte du paragraphe suivent le style de texte Paragraphes du panneau Polices.
Le texte de votre site applique la palette de couleurs utilisée à lʼéchelle de votre site. Vous pouvez également mettre en avant une section de texte en ajustant le thème de couleurs de la section.
Les ajustements de style qui modifient la police, la taille et la couleur du corps du texte sur votre site dépendent de votre famille de templates :
Template |
Police |
Taille |
Couleur |
Adirondack |
Contenu principal > Texte |
Contenu principal > Texte |
Contenu principal > Couleur du texte |
Avenue |
Typographie > Corps de texte |
Typographie > Corps de texte |
Couleurs > Couleur du texte |
Aviator |
Typographie > Police du texte |
Typographie > Police du texte |
Couleurs > Texte |
Bedford |
Contenu principal > Police du texte des pages |
Contenu principal > Police du texte des pages |
Contenu principal > Couleur du texte des pages |
Brine |
Contenu : polices > Corps de texte |
Contenu : polices > Corps de texte |
Contenu : couleurs > Corps de texte |
Farro |
Principal : Polices du contenu > Corps de texte |
Principal : Polices du contenu > Corps de texte |
Principal : Couleurs du contenu > Corps de texte |
Five |
Contenu principal > Corps de texte |
Contenu principal > Corps de texte |
Contenu principal > Couleur du corps de texte |
Flatiron |
Contenu principal > Texte |
Contenu principal > Texte |
Contenu principal > Couleur du texte |
Forte |
Typographie > Corps de texte |
Typographie > Corps de texte |
Typographie > Couleur du corps de texte |
Galapagos |
Tout le site > Police du corps |
Tout le site > Police du corps |
Tout le site > Couleur du corps de texte |
Ishimoto |
Contenu principal > Texte |
Contenu principal > Taille du texte |
Contenu principal > Couleur du corps de texte |
Momentum |
Contenu principal > Corps de texte |
Contenu principal > Corps de texte |
Contenu principal > Couleur du corps de texte |
Montauk |
Typographie > Corps de texte |
Typographie > Corps de texte |
Couleurs > Couleur du texte |
Native |
Contenu principal > Corps de texte |
Contenu principal > Taille du corps de texte |
Contenu principal > Couleur du corps de texte |
Pacific |
Contenu principal > Police du texte |
Contenu principal > Police du texte |
Contenu principal > Couleur du texte |
Skye |
Polices sur tout le site > Corps |
Polices sur tout le site > Corps |
Couleurs du texte sur tout le site > Couleur du corps de texte |
Supply |
Contenu principal > Police du corps |
Contenu principal > Police du corps |
Contenu principal > Couleur du corps de texte |
Tremont |
Polices sur tout le site > Police du corps |
Polices sur tout le site > Police du corps |
Couleurs de police sur tout le site > Couleur du corps |
Wells |
Options sur tout le site > Texte |
Options sur tout le site > Taille du texte |
Options sur tout le site > Couleur des titres |
Wexley |
Contenu principal > Police du corps de texte |
Contenu principal > Police du corps de texte |
Contenu principal > Couleur du corps de texte |
York |
Site : typographie > Police du corps |
Site : typographie > Police du corps |
Site : typographie > Couleur du corps de texte |
Citation
Dans un bloc Texte, le style des citations varie en fonction de la version de votre site.
Le style des citations suit la police et la couleur de ce type de texte.
Par exemple, si le texte de votre citation correspond à Titre 2, la citation aura la même police et la même taille que les autres textes Titre 2 de votre site. La couleur de la citation correspondra aux couleurs de la section.
Astuce : vous avez aussi la possibilité d’utiliser un bloc Citation avec ses propres options de style.
Le style des citations dépend du template. Par exemple, avec certains templates, un trait vertical est ajouté à gauche de la citation pour la distinguer du reste du texte.
Astuce : vous avez aussi la possibilité d’utiliser un bloc Citation. Ce bloc dispose de ses propres options de style avec certains templates et permet de mettre la citation en évidence.
Styles du texte des citations
Voici comment personnaliser le style du texte des citations dans ces familles de templates. Dans certains templates, le texte d’une citation suit les mêmes styles que le bloc Citation.
Famille de templates |
Police |
Couleur |
Ligne |
Adirondack |
Suit le corps de texte |
Suit le corps de texte |
Non |
Avenue |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Aviator |
Ajustement Police de la citation |
Ajustement Texte des citations |
Non |
Bedford |
Suit le corps de texte |
Suit le corps de texte |
Non |
Brine |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Farro |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Five |
Ajustement bloc Citation |
Suit le corps de texte |
Non |
Flatiron |
Ajustement Police de la citation |
Ajustement Couleur de la citation |
Non |
Forte |
Suit le corps de texte |
Suit le corps de texte |
Non |
Galapagos |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Ishimoto |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Momentum |
Suit le corps de texte |
Suit le corps de texte |
Non |
Montauk |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Native |
Ajustements Citations et Taille des citations |
Suit le corps de texte |
Oui |
Pacific |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Skye |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Supply |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Tremont |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Wells |
Ajustements Citation et Taille de la citation |
Suit le corps de texte |
Non |
Wexley |
Ajustement Police de la citation |
Suit le corps de texte |
Non |
York |
Suit le corps de texte |
Suit le corps de texte |
Oui |
Taille
La méthode pour modifier la taille du texte dépend de la version de votre site.
Dans le panneau Polices, cliquez sur un pack de polices pour lʼappliquer à votre site, puis choisissez une taille de base. Tous les éléments de texte seront proportionnellement redimensionnés selon cette valeur. Vous pouvez également cliquer sur Attribuer des styles pour définir la taille de police dʼune zone de texte spécifique.
Pour obtenir des instructions détaillées, consultez l'article Modifier les polices.
Dans le panneau Styles du site, cliquez sur l’ajustement Taille pour définir la taille de police. Vous pouvez déplacer le curseur ou saisir manuellement une taille de police.
Dans certains templates, vous pouvez définir les tailles maximales ou minimales des polices en fonction des tailles d'écran. Pour en savoir plus, consultez l'article Mettre les polices à l'échelle.
Conseil : tous les sites Squarespace ont un design réactif, qui optimise la taille du texte de votre site sur chaque écran.
Transformation du texte
Utilisez la transformation du texte pour pour modifier la casse du texte. Les options disponibles sont les suivantes :
- MAJUSCULES : La Première Lettre De Chaque Mot Est En Majuscules
- Capitales : TOUT EN LETTRES CAPITALES
- Minuscules : toutes les lettres sont en minuscules
Cet ajustement n'est disponible que pour certaines polices et groupes de textes.
La transformation du texte apparaît dans des sections différentes en fonction de la version de votre site.
- Pendant que vous modifiez une page, cliquez sur l’icône en forme de pinceau, puis sur Polices.
- Sous Styles de police généraux, cliquez sur le type de texte à modifier : Titres, Paragraphes, Boutons ou Divers.
- Choisissez une option de style dans le menu déroulant Transformation du texte.
- Vos modifications sont conservées pendant que vous modifiez d’autres contenus de la page. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.
Dans le panneau Styles du site, utilisez le menu déroulant Transformation du texte pour n’importe quel ajustement de police.
Poids
La méthode pour modifier l'épaisseur du texte dépend de la version de votre site.
- Pendant que vous modifiez une page, cliquez sur l’icône en forme de pinceau, puis sur Polices.
- Sous Styles de police généraux, cliquez sur le type de texte à modifier : Titres, Paragraphes, Boutons ou Divers.
- Choisissez une option d'épaisseur dans le menu déroulant correspondant.
- Vos modifications sont conservées pendant que vous modifiez d’autres contenus de la page. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.
Dans le panneau Styles du site, utilisez le menu déroulant Épaisseur dans n’importe quel ajustement de police pour modifier l’épaisseur du texte.