Comment utiliser : Symboles et caractères spéciaux
- Effectuez une recherche par nom (« coche », « flèche », « degré ») ou sélectionnez un groupe tel que « Flèches », « Mathématiques » ou « Dessin de rectangles ».
- Cliquez sur un symbole pour le copier et l'ajouter à la barre de collection ; continuez à cliquer pour créer une chaîne.
- Utilisez le panneau de détails pour les entités HTML, les codes décimaux et hexadécimaux, ainsi que les échappements CSS et JavaScript.
- Vous avez besoin d'un caractère invisible ? Le groupe « Espaces et caractères invisibles » contient des espaces insécables, des espaces fins, des espaces de largeur nulle et d'autres espaces spéciaux.
Les symboles les plus utilisés et leurs codes HTML
| Symbole | Nom | HTML |
|---|---|---|
| ✓ | Coche | ✓ / ✓ |
| → | Flèche vers la droite | → |
| • | Pointe | • |
| — | Tiret long | — |
| © | Droit d'auteur | © |
| ° | Degré | ° |
| × | Multiplication | × |
| | Espace insécable | |
Espaces spéciaux et invisibles
Unicode propose plus d’une douzaine d’espaces. Un espace insécable permet de conserver « 10 km » ou « M. Smith » sur une seule ligne ; un espace fin sépare les milliers (10 000) ; un espace de largeur nulle permet d’insérer un saut de ligne à l’intérieur d’URL longues ou de mots sans qu’il soit visible. Dans Webflow, vous pouvez les saisir directement dans les champs de texte. Attention : les caractères invisibles copiés depuis Word, des PDF ou des outils de conception graphique peuvent perturber le code, les URL et les slugs du CMS — repérez-les et supprimez-les à l’aide de l’Inspecteur de caractères Unicode.
Symboles vs icônes
Les symboles textuels s’adaptent à la taille de la police, ne génèrent aucune requête supplémentaire et sont parfaits pour les listes, les prix et les brèves indications dans l’interface utilisateur. Leur apparence dépend de la police, et certains (☀ ✈ ❤) peuvent se transformer en emojis colorés sur les téléphones — ajoutez le sélecteur de variante U+FE0E pour forcer le style du texte. Pour des icônes d’interface utilisateur cohérentes avec votre image de marque, utilisez plutôt le format SVG ; l’outil « SVG to Webflow » les insère directement dans le Designer.
Exposants et fractions
Les caractères tels que ² ³ ½ ¼ sont des caractères réels ; ils sont donc conservés lors d’un copier-coller dans des publications sur les réseaux sociaux et les champs de CMS où <sup> n’est pas disponible. Pour des mots entièrement stylisés sur les réseaux sociaux, utilisez le générateur de texte en gras.
Aussi recherché comme : symboles textuels, caractères spéciaux, copier-coller des symboles, symbole de coche, symbole de flèche, symbole de l’étoile, symbole de puce, caractère invisible.
Outils complémentaires : Symboles et caractères spéciaux
- Copier-coller d’émojis — Recherchez n'importe quel emoji par sa signification — « fusée », « fête », « ok » — cliquez pour le copier, sélectionnez-en plusieurs d'affilée et obtenez les codes HTML, CSS et JavaScript, ou une favicon emoji en une seule ligne.
- HTML Entity Encoder — Escape < > & " so text is safe to show in HTML, convert accents and symbols to named or numeric entities, or decode entity-filled HTML back to plain text.
- Générateur d’art ASCII — Saisissez un mot et découvrez-le simultanément dans 20 polices ASCII art : Standard, Slant, ANSI Shadow, Doom et bien d'autres encore.
- Smart Quotes to Straight Quotes — Code copied from Slack, Notion, Word or a blog won’t run?