Como usar: Símbolos e caracteres especiais
- Pesquise por nome (“sinal de visto”, “seta”, “grau”) ou escolha um grupo, como Setas, Matemática ou Desenho de caixas.
- Clique em um símbolo para copiá-lo e adicioná-lo à barra de coleção; continue clicando para formar uma sequência.
- Use o painel de detalhes para as entidades HTML, códigos decimais e hexadecimais, escape CSS e escape JavaScript.
- Precisa de um caractere invisível? O grupo “Espaços e caracteres invisíveis” tem espaços não separáveis, finos, de largura zero e outros espaços especiais.
Símbolos mais usados e seus códigos HTML
| Símbolo | Nome | HTML |
|---|---|---|
| ✓ | Marca de seleção | ✓ / ✓ |
| → | Seta para a direita | → |
| • | Marca de lista | • |
| — | Traço longo | — |
| © | Direitos autorais | © |
| ° | Grau | ° |
| × | Multiplicação | × |
| | Espaço não separável | |
Espaços especiais e invisíveis
O Unicode tem mais de uma dúzia de espaços. Um espaço não separável mantém “10 km” ou “Sr. Smith” na mesma linha; um espaço fino separa os milhares (10 000); um espaço de largura zero permite uma quebra de linha dentro de URLs longos ou palavras sem mostrar nada. No Webflow, você pode digitá-los diretamente nos campos de texto. Cuidado: caracteres invisíveis copiados do Word, de PDFs ou de ferramentas de design podem corromper códigos, URLs e slugs do CMS — encontre e remova-os com o Inspecionador de Caracteres Unicode.
Símbolos x ícones
Os símbolos de texto se ajustam ao tamanho da fonte, não geram solicitações extras e são perfeitos para listas, preços e dicas curtas na interface do usuário. A aparência deles depende da fonte, e alguns (☀ ✈ ❤) podem virar emojis coloridos nos celulares — acrescente o seletor de variação U+FE0E para forçar o estilo do texto. Para ícones de interface de usuário consistentes com a marca, use SVG; a ferramenta SVG para Webflow os cola diretamente no Designer.
Exponentes e frações
Caracteres como ² ³ ½ ¼ são caracteres reais, então eles sobrevivem ao copiar e colar em posts nas redes sociais e campos de CMS onde <sup> não está disponível. Para palavras inteiras com estilo nas redes sociais, usa o Gerador de Texto em Negrito.
Também pesquisado como: símbolos de texto, caracteres especiais, copiar e colar símbolos, símbolo de marca de seleção, símbolo de seta, símbolo de estrela, símbolo de marcador, caractere invisível.
Ferramentas que combinam com: Símbolos e caracteres especiais
- Copiar e colar emojis — Encontre qualquer emoji pelo seu significado — “foguete”, “festa”, “ok” — clique para copiar, junte vários seguidos e pegue os códigos HTML, CSS e JavaScript ou um favicon de emoji de uma linha só.
- 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.
- ASCII Art Generator — Type a word and see it in 20 ASCII art fonts at once — Standard, Slant, ANSI Shadow, Doom and more.
- Smart Quotes to Straight Quotes — Code copied from Slack, Notion, Word or a blog won’t run?