# Иконочный шрифт

URL: https://chugunov.pro/glossary/frontend/ikonochnyi-shrift/
Оригинальное название: icon font
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Шрифт, в котором вместо обычных букв используются векторные пиктограммы интерфейса.

## Что такое «Иконочный шрифт»

Шрифт, в котором вместо обычных букв используются векторные пиктограммы интерфейса. Иконочные шрифты масштабируются без потери чёткости и легко окрашиваются через CSS. Раньше они были популярным способом добавлять иконки, но имеют минусы доступности и требуют подключения целого шрифта. Сегодня их часто заменяют встроенными SVG-иконками, более гибкими и семантичными.

## Связанные термины

- [Шрифт](https://chugunov.pro/glossary/frontend/shrift/) — Набор графических начертаний символов с определённым семейством, размером, насыщенностью и стилем.
- [Ресурс интерфейса](https://chugunov.pro/glossary/frontend/resurs-interfeisa/) — Файл, используемый страницей или приложением: изображение, шрифт, иконка, таблица стилей, скрипт либо другой статический материал.
- [Доступность интерфейса](https://chugunov.pro/glossary/frontend/dostupnost-interfeisa/) — Практика создания сайтов и приложений, которыми могут полноценно пользоваться люди с разными физическими, сенсорными и когнитивными особенностями.
- [Кернинг](https://chugunov.pro/glossary/frontend/kerning/) — Индивидуальная корректировка расстояния между отдельными парами символов для визуально ровного набора.
- [Межбуквенный интервал](https://chugunov.pro/glossary/frontend/mezhbukvennyi-interval/) — CSS-свойство, изменяющее дополнительное расстояние между символами текста. `letter-spacing` растягивает или сжимает набор, влияя на читаемость и настроение текста.
- [Стиль](https://chugunov.pro/glossary/frontend/stil/) — Набор визуальных правил, применяемых к элементу, компоненту или документу.
- [At-ключевое слово](https://chugunov.pro/glossary/frontend/at-kliuchevoe-slovo/) — CSS-токен, начинающийся с символа @ и служащий основой имени at-правила.
- [At-правило](https://chugunov.pro/glossary/frontend/at-pravilo/) — CSS-конструкция, начинающаяся с символа @ и задающая особое правило, например медиазапрос, подключение шрифта или слой каскада.