Skip to content

Texte et typographie

Ajoutez du texte à partir de cartes d'ajout rapide, d'une galerie de styles ou de l'outil texte, puis formatez-le avec une bibliothèque de polices recherchable et l'ensemble complet des contrôles typographiques dans le panneau des propriétés.

Aperçu rapide

  1. Cliquez sur Ajouter une zone de texte, ou sur une carte d'ajout rapide pour un titre, un sous-titre ou une ligne de corps de texte, dans le panneau de gauche.
  2. Ou appuyez sur T (l'outil texte) et cliquez n'importe où sur le canevas pour placer une nouvelle zone de texte, ou cliquez sur un texte existant pour le modifier.
  3. Double-cliquez sur un objet texte pour modifier son contenu en ligne ; appuyez sur Esc pour terminer.
  4. Utilisez le panneau des propriétés pour définir la police, le poids, la taille, le style, l'alignement, l'interlettrage, la hauteur de ligne, la marge intérieure, le remplissage et l'opacité.
  5. Lancez un style avec un préréglage de style de texte ou une association de polices, tous deux dans le panneau Texte.

Référence détaillée

Ajout de texte

Point d'entréePoliceTailleRemarques
Ajouter une zone de texteDM Sans20 pxParagraphe simple, prêt à être tapé
Ajouter un titreUnbounded28 px, grasPolice d'affichage utilisée uniquement pour les titres
Ajouter un sous-titreDM Sans20 px, semi-gras
Ajouter un petit texte de corpsDM Sans14 px
Outil texte (T)DM Sans24 pxCliquez sur le canevas vide pour une nouvelle boîte, cliquez sur du texte existant pour le modifier

Chaque carte d'ajout rapide est ajustée à son texte d'espace réservé lors de l'insertion, de sorte qu'elle commence par être bien ajustée plutôt qu'un bloc de largeur fixe, et reste redimensionnable manuellement à partir des poignées d'angle. Ajouter une zone de texte vous plonge directement dans l'édition en ligne avec l'espace réservé sélectionné, afin que vous puissiez taper immédiatement.

Galerie de styles de texte

Une galerie de 20 préréglages conçus, chacun étant une petite pile de lignes stylisées (une étiquette plus un titre, par exemple), regroupés en quatre catégories :

CatégorieSensation
GrasPolice d'affichage lourde pour les déclarations et les titres
ÉlégantAssociations serif et italique pour un ton raffiné
ScriptAccents manuscrits et script d'affichage
MinimalPoids légers et interlettrage généreux

Recherchez par mot-clé, ou filtrez par catégorie. La galerie affiche 8 préréglages à la fois ; Charger plus révèle le reste. Cliquer sur un préréglage insère un ensemble groupé de lignes de texte ; double-cliquez sur le groupe pour le dégrouper et modifier chaque ligne individuellement.

Associations de polices

Huit combinaisons titre-corps sélectionnées, chacune insérée sous forme de titre modifiable au-dessus d'une ligne de corps :

AssociationPolice du titrePolice du corps
ÉditorialPlayfair DisplayDM Sans
ModerneAnton (majuscules)Outfit
ÉlégantCormorant Garamond (italique)DM Sans
Impact grasBebas NeueDM Sans
LudiquePacificoOutfit
PropreOutfitOutfit (léger)
ClassiqueLoraDM Sans
DéclarationOswald (majuscules)DM Sans

Champs dynamiques

Deux champs intelligents insèrent du texte en direct qui reflète la conception actuelle au lieu d'un contenu saisi :

ChampInsère
DateLa date d'aujourd'hui, écrite en toutes lettres
Numéro de pageLa position de la page actuelle, en commençant à 1

Les deux arrivent sous forme d'objets texte ordinaires que vous pouvez restyler librement. La valeur est capturée au moment où vous insérez le champ, donc réinsérez-le si la date ou la page changent. Ils fonctionnent bien avec Générateur en masse lorsque vous générez plusieurs pages personnalisées à la fois.

Contrôles de mise en forme

Disponibles dans le panneau des propriétés lorsqu'un objet texte est sélectionné :

PropriétéPlage / optionsRemarques
Famille de policesListe recherchableRecherche dans les familles intégrées et les polices que vous avez téléchargées
Poids100-900Seuls les poids réellement pris en charge par la famille sélectionnée apparaissent
Taille6-120 px
StyleGras, italiqueBoutons indépendants
AlignementGauche, centre, droiteAligne les lignes de texte à l'intérieur de la boîte
Interlettrage-5 à 30
Hauteur de ligne0,5 à 3Multiplicateur de la taille de la police ; par défaut 1,16
Marge intérieure0-200 pxEspace conservé autour du texte à l'intérieur de son cadre englobant
RemplissageAucun, uni, dégradé, image
Opacité0-100%

Changer Taille sur une zone de texte réajuste sa largeur au nouveau contenu, de sorte que le cadre ne reste pas plus large que le texte.

Effets

Les contours, les ombres portées et les transformations de casse se trouvent dans leur propre section. Voir Effets de texte.

Pas à pas

Construire un bloc titre et corps

  1. Ouvrez le panneau Texte (Alt+2).
  2. Cliquez sur Ajouter un titre. Une boîte "Titre" en Unbounded, 28 px gras, apparaît au centre du canevas.
  3. Cliquez sur Ajouter un petit texte de corps. Une boîte "Texte de corps" en DM Sans, 14 px, est ajoutée.
  4. Double-cliquez sur chaque boîte pour remplacer l'espace réservé, puis appuyez sur Esc.
  5. Faites glisser la boîte de texte directement sous le titre pour les empiler.
  6. Affinez le titre dans le panneau des propriétés : augmentez la Taille, choisissez un Poids plus lourd, et resserrez l'Interlettrage pour un aspect d'affichage. Utilisez les boutons d'alignement de la section Style pour aligner le texte à gauche, au centre ou à droite à l'intérieur de chaque boîte.

Appliquer une association de polices, puis l'affiner

  1. Dans le panneau Texte, ouvrez Associations de polices et choisissez une combinaison, par exemple Éditorial (Playfair Display sur DM Sans).
  2. L'association apparaît sous forme de titre et de ligne de corps groupés. Double-cliquez sur le groupe pour le dégrouper.
  3. Sélectionnez la ligne de titre. Dans le panneau des propriétés, réglez Poids sur 700 et abaissez Interlettrage vers -1 pour un titre plus serré.
  4. Sélectionnez la ligne de corps et augmentez Hauteur de ligne à environ 1,4 pour donner de l'air au texte sur plusieurs lignes.
  5. Retapez les deux espaces réservés avec vos propres mots.

Insérer une date ou un numéro de page dynamique

  1. Ouvrez le panneau Texte et cliquez dans Champs dynamiques.
  2. Cliquez sur Date pour insérer la date d'aujourd'hui écrite en toutes lettres, ou sur Numéro de page pour la position de la page actuelle.
  3. Le champ arrive sous forme de zone de texte ordinaire, vous pouvez donc modifier sa police, sa taille et sa couleur comme tout autre texte.

Régler la hauteur de ligne et l'interlettrage pour un titre d'affiche

  1. Ajoutez un titre et tapez deux ou trois lignes courtes.
  2. Sélectionnez-le et ouvrez la section Espacement du panneau des propriétés.
  3. Réglez Hauteur de ligne bas, autour de 0,9 à 1,0, pour que les lignes empilées soient serrées comme une affiche.
  4. Réglez Interlettrage légèrement négatif pour rapprocher les caractères.
  5. Augmentez Taille vers la limite de 120 px pour un impact maximal ; pour aller plus grand, faites glisser une poignée d'angle pour redimensionner la boîte au-delà de la limite numérique.

Tâches courantes

ObjectifComment
Paragraphe rapideAjouter une zone de texte, puis tapez sur "Votre texte ici"
Titre d'affichageAjouter un titre (Unbounded), puis augmentez Taille et Poids
Correspondre à un look curatéChoisissez un préréglage Style de texte ou une Association de polices, puis dégroupez pour modifier
Réutiliser un texte styléDupliquez-le avec Ctrl+D et retapez ; la copie conserve le style
Centrer le texte dans une boîteSélectionnez-le et utilisez les boutons d'alignement de la section Style
Détendre un texte denseAugmentez la hauteur de Ligne et ajoutez un peu d'Interlettrage

Dépannage

Un poids semble identique à un autre

Le menu Poids liste 100 à 900, mais une police ne rend que les poids qu'elle propose réellement. Si Noir (900) ressemble à Gras (700), cela signifie que cette famille n'a pas de variante noire et le navigateur utilise le poids le plus proche. Passez à une famille avec plus de poids, ou appliquez une police d'affichage plus lourde.

La taille s'arrête à 120

Le champ Taille est plafonné à 120 px. Pour un titre plus grand, définissez 120, puis faites glisser une poignée d'angle pour agrandir la boîte au-delà de la limite numérique.

Les modifications affectent tout le groupe

Les préréglages de style de texte et les associations de polices sont insérés sous forme de groupe. Les modifications typographiques s'appliquent à chaque ligne à la fois jusqu'à ce que vous double-cliquiez pour dégrouper et sélectionner une seule ligne.

Le premier titre peut prendre du temps

"Ajouter un titre" utilise Unbounded, une police d'affichage non utilisée ailleurs. Lors d'un premier chargement, elle est téléchargée avant la création de la boîte, donc le tout premier titre peut prendre un moment pour apparaître avec les bonnes métriques.

Raccourcis clavier

RaccourciAction
TActiver l'outil texte
Double-clicModifier un objet texte en ligne
EscTerminer la modification
Alt+2Ouvrir le panneau Texte

Conseils

Recherchez plutôt que de faire défiler

Tapez dans la recherche de polices plutôt que de faire défiler la liste. Elle correspond également à vos propres polices téléchargées, pas seulement à la bibliothèque intégrée.

Les préréglages sont des points de départ, pas des réponses finales

Chaque style de texte et association de polices insère des objets entièrement modifiables. Double-cliquez pour dégrouper et ajuster les lignes individuelles une fois que vous avez choisi une direction.

Rubriques connexes