Как заменить шрифты на безопасные за 30 минут
Коротко
- Открыть DevTools → Network → фильтр «Font» — увидеть все .woff/.woff2/.ttf на сайте
- Сверить с базой опасных (или просто прогнать через наш аудит)
- Для каждого рискового — выбрать Google Fonts аналог из таблицы ниже
- В CSS: заменить
@font-faceиfont-family+ проверить верстку
Шаг 1. Найти все шрифты на сайте
Самый простой способ — наш бесплатный сканер: 15 секунд → полный список с классификацией.
Вручную через DevTools браузера:
- Откройте сайт в Chrome / Firefox
- Правая кнопка мыши → Просмотреть код элемента (F12)
- Перейдите на вкладку «Сеть» (Network)
- В фильтре снизу выберите «Шрифт» (Font)
- Перезагрузите страницу (Ctrl+R) — увидите все загружаемые .woff2 / .ttf / .otf
Также проверьте CSS на font-family — иногда шрифт объявлен в стиле без явной загрузки .woff (использует системный или CDN).
Шаг 2. Идентифицировать опасные
Высокий риск:
- Helvetica, Helvetica Neue, Helvetica Now — коммерческий Linotype/Monotype
- TT-* семейство (TT-Firs, TT-Norms, TT-Commons, TT-Hoves и др.) — ООО «ТайпТайп», крупный истец
- Pragmatica, Newton, Petersburg, Hermes — коммерческие ParaType
- Akzidenz Grotesk, Berthold — коммерческие, дорогие лицензии
- Futura, Garamond, Bodoni, Minion, Myriad — мировые коммерческие
- Любое имя с пометкой -Trial в файле — это пробная версия, на production = нарушение автоматически
- Шрифты, скачанные с bestfonts.pro, fonts2u.com, dafont.com без явной лицензии
Безопасные (можно оставить):
- Любой шрифт с fonts.googleapis.com / fonts.gstatic.com — Google Fonts, open license
- PT Sans, PT Serif, PT Mono — open subset ParaType (важно: именно эти три, не другие шрифты ParaType)
- Системные:
-apple-system,Segoe UI,Roboto(на Android), Arial, Verdana, Tahoma, Georgia - Шрифт с явной лицензией OFL / Apache / MIT в комплекте
Шаг 3. Таблица замен
Подобрать визуально близкий бесплатный аналог:
| Опасный (коммерческий) | Безопасная замена (Google Fonts) |
|---|---|
| Helvetica, Helvetica Neue | Inter, Roboto, Manrope |
| Pragmatica, ParaType Sans (коммерческий) | PT Sans (open subset), Manrope |
| Newton, Petersburg | PT Serif (open subset), Source Serif Pro |
| Akzidenz Grotesk | Work Sans, IBM Plex Sans |
| Futura | Jost, Nunito |
| Garamond | EB Garamond, Cormorant Garamond |
| Bodoni | Playfair Display, Cormorant |
| Minion Pro | Source Serif Pro, EB Garamond |
| Myriad Pro | Source Sans Pro, Inter |
| Times New Roman | PT Serif, Source Serif Pro |
| TT-Firs / TT-Norms | Inter, Manrope, IBM Plex Sans |
Шаг 4. Сделать замену в CSS
Найти в коде сайта все вхождения font-family:
// БЫЛО
body { font-family: 'Helvetica Neue', Arial, sans-serif; }
// СТАЛО
body { font-family: 'Inter', 'PT Sans', Arial, sans-serif; }Если используется @font-face с локальным .woff2 — удалить или заменить:
// БЫЛО — опасно
@font-face {
font-family: 'TT-Firs-Neue-Trial';
src: url('/fonts/TT-Firs-Neue-Trial.woff2') format('woff2');
}
// СТАЛО — подключить Google Fonts
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
body { font-family: 'Inter', sans-serif; }Шаг 5. Проверить верстку
После замены — пробежать по основным страницам сайта и проверить, что:
- Заголовки не «уехали» по ширине
- Кнопки и поля форм не сломались
- Логотип/брендовые элементы не пострадали (если в них использовался опасный шрифт — обсудить с дизайнером)
Сложные случаи — обращайтесь
Если на сайте десятки шрифтов, кастомные шаблоны Bitrix / WP / Тильды, или нужно заменить заодно в полиграфии — наш сервис делает это под ключ от 5 000 ₽.
См. также: Топ-7 шрифтовых истцов РФ · Что делать, если претензия уже пришла