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
- 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.
- 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. - Double-cliquez sur un objet texte pour modifier son contenu en ligne ; appuyez sur
Escpour terminer. - 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é.
- 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ée | Police | Taille | Remarques |
|---|---|---|---|
| Ajouter une zone de texte | DM Sans | 20 px | Paragraphe simple, prêt à être tapé |
| Ajouter un titre | Unbounded | 28 px, gras | Police d'affichage utilisée uniquement pour les titres |
| Ajouter un sous-titre | DM Sans | 20 px, semi-gras | |
| Ajouter un petit texte de corps | DM Sans | 14 px | |
Outil texte (T) | DM Sans | 24 px | Cliquez 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égorie | Sensation |
|---|---|
| Gras | Police d'affichage lourde pour les déclarations et les titres |
| Élégant | Associations serif et italique pour un ton raffiné |
| Script | Accents manuscrits et script d'affichage |
| Minimal | Poids 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 :
| Association | Police du titre | Police du corps |
|---|---|---|
| Éditorial | Playfair Display | DM Sans |
| Moderne | Anton (majuscules) | Outfit |
| Élégant | Cormorant Garamond (italique) | DM Sans |
| Impact gras | Bebas Neue | DM Sans |
| Ludique | Pacifico | Outfit |
| Propre | Outfit | Outfit (léger) |
| Classique | Lora | DM Sans |
| Déclaration | Oswald (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 :
| Champ | Insère |
|---|---|
| Date | La date d'aujourd'hui, écrite en toutes lettres |
| Numéro de page | La 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 / options | Remarques |
|---|---|---|
| Famille de polices | Liste recherchable | Recherche dans les familles intégrées et les polices que vous avez téléchargées |
| Poids | 100-900 | Seuls les poids réellement pris en charge par la famille sélectionnée apparaissent |
| Taille | 6-120 px | |
| Style | Gras, italique | Boutons indépendants |
| Alignement | Gauche, centre, droite | Aligne les lignes de texte à l'intérieur de la boîte |
| Interlettrage | -5 à 30 | |
| Hauteur de ligne | 0,5 à 3 | Multiplicateur de la taille de la police ; par défaut 1,16 |
| Marge intérieure | 0-200 px | Espace conservé autour du texte à l'intérieur de son cadre englobant |
| Remplissage | Aucun, 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
- Ouvrez le panneau Texte (
Alt+2). - Cliquez sur Ajouter un titre. Une boîte "Titre" en Unbounded, 28 px gras, apparaît au centre du canevas.
- Cliquez sur Ajouter un petit texte de corps. Une boîte "Texte de corps" en DM Sans, 14 px, est ajoutée.
- Double-cliquez sur chaque boîte pour remplacer l'espace réservé, puis appuyez sur
Esc. - Faites glisser la boîte de texte directement sous le titre pour les empiler.
- 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
- Dans le panneau Texte, ouvrez Associations de polices et choisissez une combinaison, par exemple Éditorial (Playfair Display sur DM Sans).
- L'association apparaît sous forme de titre et de ligne de corps groupés. Double-cliquez sur le groupe pour le dégrouper.
- 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é.
- Sélectionnez la ligne de corps et augmentez Hauteur de ligne à environ 1,4 pour donner de l'air au texte sur plusieurs lignes.
- Retapez les deux espaces réservés avec vos propres mots.
Insérer une date ou un numéro de page dynamique
- Ouvrez le panneau Texte et cliquez dans Champs dynamiques.
- 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.
- 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
- Ajoutez un titre et tapez deux ou trois lignes courtes.
- Sélectionnez-le et ouvrez la section Espacement du panneau des propriétés.
- Réglez Hauteur de ligne bas, autour de 0,9 à 1,0, pour que les lignes empilées soient serrées comme une affiche.
- Réglez Interlettrage légèrement négatif pour rapprocher les caractères.
- 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
| Objectif | Comment |
|---|---|
| Paragraphe rapide | Ajouter une zone de texte, puis tapez sur "Votre texte ici" |
| Titre d'affichage | Ajouter 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îte | Sélectionnez-le et utilisez les boutons d'alignement de la section Style |
| Détendre un texte dense | Augmentez 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
| Raccourci | Action |
|---|---|
T | Activer l'outil texte |
| Double-clic | Modifier un objet texte en ligne |
Esc | Terminer la modification |
Alt+2 | Ouvrir 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
- Effets de texte pour les contours, les ombres portées et la casse
- Générateur en masse pour du texte personnalisé basé sur des données
- Panneau des propriétés pour la référence complète du style
- Regroupement et calques pour dégrouper un préréglage et modifier ses lignes individuellement