Personnaliser le texte

Personnalisez le texte de votre site à l’aide de divers paramètres.

Dernière mise à jour le 20 décembre 2024

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.

Astuce

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 :

  1. Ouvrez le panneau Styles du site, puis cliquez sur Couleurs.
  2. Ouvrez le thème de couleurs correspondant à la section que vous souhaitez modifier.
  3. 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 :

  1. Cliquez sur Modifier sur la page ou l’élément contenant le bloc Texte, puis cliquez à l’intérieur du bloc Texte.
  2. 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.
  3. 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.
  4. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.
RTE_click_color_circle.png

À 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 :

  1. Pendant que vous modifiez une page, cliquez sur l’icône en forme de pinceau, puis sur Polices.
  2. Sous Styles de police généraux, cliquez sur le type de texte à modifier : Titres, Paragraphes, Boutons ou Divers.
  3. Utilisez le curseur Espacement des lettres pour régler l'espacement ou saisissez une valeur en em.
  4. 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 :

  1. Pendant que vous modifiez une page, cliquez sur l’icône en forme de pinceau, puis sur Polices.
  2. Sous Styles de police généraux, cliquez sur le type de texte à modifier : Titres, Paragraphes, Boutons ou Divers.
  3. Utilisez le curseur Hauteur de ligne pour modifier l’espacement ou saisissez une valeur en em.
  4. 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 utilisé dans le titre, le sous-titre ou la légende d’un bloc Image suivent le style de texte Paragraphes 2 du panneau Polices. Toutes les autres utilisations du texte monospace suivent le style de texte Divers. 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.

Astuce

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.

  1. Pendant que vous modifiez une page, cliquez sur l’icône en forme de pinceau, puis sur Polices.
  2. Sous Styles de police généraux, cliquez sur le type de texte à modifier : Titres, Paragraphes, Boutons ou Divers.
  3. Choisissez une option de style dans le menu déroulant Transformation du texte.
  4. 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.

  1. Pendant que vous modifiez une page, cliquez sur l’icône en forme de pinceau, puis sur Polices.
  2. Sous Styles de police généraux, cliquez sur le type de texte à modifier : Titres, Paragraphes, Boutons ou Divers.
  3. Choisissez une option d'épaisseur dans le menu déroulant correspondant.
  4. 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.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.