Как пользоваться: Текстовые символы
- Ищите по названию («галочка», «стрелка», «градус») или выберите группу, например Стрелки, Математика или Псевдографика.
- Нажмите на символ, чтобы скопировать его и добавить в панель сбора; продолжайте нажимать, чтобы составить строку.
- В панели деталей смотрите HTML-мнемонику, десятичный и шестнадцатеричный коды, CSS-экранирование и JavaScript-экранирование.
- Нужен невидимый символ? В группе Пробелы и невидимые есть неразрывный, тонкий, нулевой по ширине и другие специальные пробелы.
Самые популярные символы и их HTML-коды
| Символ | Название | HTML |
|---|---|---|
| ✓ | Галочка | ✓ / ✓ |
| → | Стрелка вправо | → |
| • | Маркер | • |
| — | Длинное тире | — |
| © | Знак авторского права | © |
| ° | Градус | ° |
| × | Знак умножения | × |
| | Неразрывный пробел | |
Специальные и невидимые пробелы
В Unicode больше десятка видов пробелов. Неразрывный пробел не даёт разорвать строку между «10 км» или «г. Москва» и следующим словом; тонкий пробел разделяет разряды в числах (10 000); пробел нулевой ширины позволяет переносить длинные URL или слова, ничего не показывая. В Webflow такие символы можно вводить прямо в текстовые поля. Учтите: невидимые символы, скопированные из Word, PDF или из ИИ-инструментов, могут сломать код, ссылки и slug в CMS. Найдите и удалите их с помощью Unicode Character Inspector.
Символы или иконки
Текстовые символы масштабируются вместе со шрифтом, не требуют дополнительных запросов и отлично подходят для списков, цен и коротких подсказок в интерфейсе. Их внешний вид зависит от шрифта, а некоторые (☀ ✈ ❤) на телефонах могут превращаться в цветные эмодзи. Чтобы принудительно включить текстовое начертание, добавьте селектор вариации U+FE0E. Для иконок интерфейса, которые должны соответствовать фирменному стилю, лучше использовать SVG; инструмент SVG to Webflow вставляет их прямо в Designer.
Надстрочные знаки и дроби
Символы вроде ² ³ ½ ¼ — это настоящие знаки, поэтому они сохраняются при копировании в посты соцсетей и поля CMS, где тег <sup> недоступен. Чтобы оформить целые слова жирным шрифтом в соцсетях, используйте Bold Text Generator.
Также ищут как: html символы.
Инструменты, которые хорошо сочетаются с Текстовые символы
- Копировать эмодзи — Найдите любой эмодзи по его значению — «ракета», «вечеринка», «ок» — кликните, чтобы скопировать, соберите несколько подряд и получите HTML, CSS и JavaScript-коды или однострочный эмодзи-фавикон.
- HTML-сущности — Экранируйте < > & ", чтобы текст безопасно отображался в HTML, преобразуйте акценты и символы в именованные или числовые сущности либо декодируйте HTML с сущностями обратно в обычный текст.
- Генератор ASCII-арта — Введите слово и сразу увидите его в 20 шрифтах ASCII-арта — Standard, Slant, ANSI Shadow, Doom и других.
- Умные кавычки → прямые — Код, скопированный из Slack, Notion, Word или блога, не запускается?