Cómo usar: Símbolos y caracteres especiales
- Busca por nombre («marca», «flecha», «grado») o elige un grupo, como «Flechas», «Matemáticas» o «Dibujar cuadros».
- Haz clic en un símbolo para copiarlo y añadirlo a la barra de colección; sigue haciendo clic para crear una cadena.
- Usa el panel de detalles para ver las entidades HTML, los códigos decimales y hexadecimales, así como los códigos de escape de CSS y JavaScript.
- ¿Necesitas un carácter invisible? El grupo «Espacios e invisibles» incluye espacios no separables, espacios finos, espacios de ancho cero y otros espacios especiales.
Los símbolos más usados y sus códigos HTML
| Símbolo | Nombre | HTML |
|---|---|---|
| ✓ | Marca de verificación | ✓ / ✓ |
| → | Flecha a la derecha | → |
| • | Viñeta | • |
| — | Guión largo | — |
| © | Derechos de autor | © |
| ° | Grado | ° |
| × | Multiplicación | × |
| | Espacio no separable | |
Espacios especiales e invisibles
Unicode tiene más de una docena de espacios. Un espacio no separable mantiene «10 km» o «Sr. Smith» en una misma línea; un espacio fino separa los miles (10 000); un espacio de ancho cero permite un salto de línea dentro de URL largas o palabras sin que se vea nada. En Webflow puedes escribirlos directamente en los campos de texto. Ojo: los caracteres invisibles copiados de Word, archivos PDF o herramientas de diseño pueden estropear el código, las URL y los slugs del CMS; búscalos y elimínalos con el Inspector de caracteres Unicode.
Símbolos frente a iconos
Los símbolos de texto se adaptan al tamaño de la fuente, no suponen solicitudes adicionales y son perfectos para listas, precios y pequeñas indicaciones en la interfaz de usuario. Su aspecto depende de la fuente, y algunos (☀ ✈ ❤) pueden convertirse en emojis de color en los móviles; añade el selector de variación U+FE0E para forzar el estilo de texto. Para iconos de interfaz de usuario coherentes con tu marca, usa SVG en su lugar; la herramienta «SVG to Webflow» los pega directamente en el Diseñador.
Superíndices y fracciones
Los caracteres como ² ³ ½ ¼ son caracteres reales, así que se conservan al copiarlos y pegarlos en publicaciones de redes sociales y campos de CMS donde <sup> no está disponible. Para palabras con estilo completo en redes sociales, usa el Generador de texto en negrita.
También se busca como: símbolos de texto, caracteres especiales, copiar y pegar símbolos, símbolo de la marca de verificación, símbolo de flecha, símbolo de la estrella, símbolo de viñeta, carácter invisible.
Herramientas que combinan con: Símbolos y caracteres especiales
- Copiar y pegar emojis — Busca cualquier emoji por su significado —«cohete», «fiesta», «ok»—; haz clic para copiarlo, selecciona varios seguidos y obtén los códigos HTML, CSS y JavaScript, o un favicon de emoji de una sola línea.
- 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.
- Generador de arte ASCII — Escribe una palabra y mírala en 20 fuentes de arte ASCII a la vez: Standard, Slant, ANSI Shadow, Doom y muchas más.
- Smart Quotes to Straight Quotes — Code copied from Slack, Notion, Word or a blog won’t run?