Как подключить шрифты локально в WordPress без замедления сайта

shrifty wordpress lokalno cover Без рубрики
Как положить файлы шрифта на свой хостинг WordPress: библиотека, один плагин, кириллица и знак рубля. Проверка с телефона без пустого прайса.

Ольга сменила буквы на сайте салона, чтобы совпадали с вывеской. С компьютера в студии всё красиво. Клиентка пишет из парковки: «у вас сайт белый, цен нет, записаться не могу – стою на мобильном интернете». Прайс и кнопка записи то пропадают, то прыгают, а владелец думает, что виноват хостинг, и боится трогать тему. Положите файлы букв себе на сайт – с телефона цены и запись появятся сразу, без пустого экрана.

Буквы должны лежать у вас на сайте, иначе прайс на телефоне пустой. Клиент на парковке смотрит в белую дыру и уезжает к соседу. Чужой сервер – не подарок, а очередь: пока файлы едут, страница молчит. За один вечер вы кладёте буквы на свой хостинг через админку WordPress и проверяете запись с телефона.

Многие владельцы думают, что красивые буквы уже лежат в телефоне клиента, «потому что их качают все сайты». С октября 2020 браузеры так не делают: каждый сайт качает файлы заново. Держать буквы у себя на хостинге быстрее, чем бесплатный чужой склад. Второй сюрприз для прайса: знак рубля часто отсутствует в «русском» наборе – цены показывают квадратики, хотя остальные буквы на месте.

Я это вижу на сайтах салонов и автосервисов: вывеска на стене, а буквы едут со склада соседа. Тему трогать не нужно. Ниже – куда нажать в вашей версии.

Поймите, почему буквы с чужого сервера тормозят сайт салона

Три карточки на стойке салона: чужой сервер, пустой прайс, клиент уезжает

Боль простая: клиент открывает прайс на парковке, а заголовки ещё секунды пустые. Браузер прячет текст, пока файл букв не доехал – часто до трёх секунд. Человек не ждёт: пишет в мессенджер или уезжает.

На практике «бесплатные буквы с чужого склада» стоят дороже. Сайту нужно второе соединение наружу. Сеть рвётся – прайс не появляется. Вместе с файлом уходит адрес клиента. Режим «показать запасной текст сразу» спасает пустоту, но кнопка «записаться» может прыгнуть, когда приедет файл другой ширины. Делать: хранить файлы у себя и не ставить десять жирностей. Не делайте: винить хостинг и откатывать тему.

Соберите файлы шрифта: начертания, кириллица и вес

Чеклист на стойке салона: два начертания, кириллица и знак рубля

Вторая боль – «поставила красивый шрифт, сайт стал тупить» или квадратики вместо рубля. Для сайта услуг хватает одного семейства и двух начертаний: обычное и полужирное. Все жирности «на всякий случай» весят как лишние фото прайса.

Например, вывеска салона набрана одним характером букв – на сайте хватит того же и двух толщин. Второй декоративный набор почти всегда лишний: он качается даже на странице записи. Типичная ошибка – оставить только латиницу: в превью красиво, русские заголовки сыплются. Знак рубля в базовый «русский» набор часто не входит. «Стрижка 2 500 ₽» должна читаться, а не становиться квадратиком. Если квадратик есть – перескачайте тот же шрифт с расширенным русским набором, не ставьте второй. На хостинге держите один сжатый файл начертания, не пять форматов.

Подключите шрифт через админку WordPress, без правки темы

Распечатка админки «Внешний вид → Шрифты» на стойке светлого салона

Боль «боюсь править тему и сломать запись» закрывается кликами. С 20 мая 2026 в WordPress 7.0 библиотека шрифтов – отдельная страница, и у блочных, и у классических тем. Старые гайды пишут «только для блочных» – на сентябрь 2026 это уже не так. Сначала снимите точку «до»: телефон, инкогнито, слабая сеть. Версию смотрите в Консоль → Обновления или в подвале админки.

  1. Если версия 7.0 или новее, откройте Внешний вид → Шрифты.
  2. На вкладке «Установить» один раз разрешите доступ к каталогу букв из админки.
  3. Выберите одно семейство и два начертания: обычное и полужирное.
  4. Поставьте галочку русского набора, не оставляйте только латиницу.
  5. Нажмите установить: файлы лягут на ваш сайт, посетители на чужой склад больше не ходят.
  6. Если пункта Шрифты нет или конструктор тянет буквы снаружи, поставьте один плагин, который скачивает буквы на ваш хостинг (OMGF).
  7. Путь: Плагины → Добавить новый → Активировать → Настройки → оптимизация букв → сохранить и оптимизировать.

Схема на вечер:
Телефон «до» → версия WordPress → библиотека или один плагин → русский набор и рубль → телефон «после»

Дальше этот плагин – «плагин локальных букв». Второй шрифтовой плагин не ставьте: они спорят, буквы пропадают. Если первый не видит файлы темы, запасной грузит список из настроек. Файл с вывески – вкладка загрузки в плагине своих шрифтов.

Сравните три пути: библиотека, плагин или файл с вывески

Хозяину точки нужен один маршрут: откуда едут буквы и есть ли файл с вывески.

Критерий Встроенная библиотека Плагин локальных букв Свой файл с вывески
Кому подходит WordPress 7.0+, без конструктора Тема уже тянет чужой склад Есть файл букв с вывески
Куда нажать Внешний вид → Шрифты → Установить Настройки плагина → сохранить и оптимизировать Вкладка загрузки своего файла
Русский набор и рубль Выбираете при установке Не оставляйте только латиницу Файл должен содержать кириллицу и знак рубля
Цена В ядре, бесплатно Бесплатный плагин в каталоге Бесплатный плагин

Вердикт: WordPress 7.0 без конструктора – встроенная библиотека. Тема уже качает чужой склад – один плагин локальных букв. Файл с вывески – плагин своих шрифтов. Платный ускоритель ради этой задачи не покупайте.

Если плагин ставить нельзя: файлы кладут в дочернюю тему, не в живую. Бросить файл в папку мало – нужна установка через админку. Хозяину салона этот путь не нужен в первый вечер. Не копируйте код с форума в файл функций темы: так чаще ломают запись, чем чинят прайс.

Проверьте с телефона, что прайс не прыгает и чужой сервер молчит

В админке шрифт уже «свой», а телефонный браузер всё равно может ходить на чужой склад – так бывает, если конструктор вставил старую ссылку. Нужный результат: заголовки видны сразу, в загрузках нет чужого склада, русские буквы и рубль на месте, кнопка «записаться» не прыгает вниз.

*Instagram,Facebook (принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)

В реальном проекте я прошу хозяина сделать так. Инкогнито на телефоне, не на студийном интернете. Главная и прайс – текст сразу, не белая дыра. На компьютере: инструменты браузера → Сеть → фильтр шрифтов, домен только ваш. Если стоит кеш страниц, очистите его один раз и проверьте форму записи. Не гонитесь за баллами скорости: клиент на слабой сети должен увидеть цену и нажать запись.

Если боитесь чистить кеш рядом с формой, напишите про сайт: разберём шрифт и кнопку записи, без правки темы вслепую.

Разберите типичные ошибки, из-за которых буквы снова пропадают

Часто ломается не хостинг, а слой поверх. Избегайте двух плагинов на одну задачу: второй выкидывает стили первого, вывеска пропадает после «ускорения». Выключите лишний оптимизатор шрифтов, не откатывайте весь сайт.

Вторая: оставили загрузку с чужого склада после «установки». У конструкторов бывает переключатель «улучшить загрузку букв» – выключите, иначе конфликт с локальной копией. Третья: все жирности и второй декоративный набор. Четвёртая: латиница без кириллицы и рубля. Пятая: правили живую тему. Код – запасной путь для того, кто уже ведёт сайт, не первый шаг хозяйки салона. Если без плагина нельзя, сначала дочерняя тема, потом файлы.

Пройдите чеклист перед тем, как звать клиента на сайт

После шагов откройте сайт как клиент, не как хозяин со студийным интернетом. Вывеска и сайт – один характер букв. Значок во вкладке тоже ваш, не серый глобус.

  • Главная и прайс читаются с телефона на мобильном интернете, без белой дыры.
  • Кнопка записи не прыгает вниз после открытия.
  • В ценах русские буквы и знак рубля, не квадратики.
  • В загрузках страницы нет чужого склада букв, только ваш домен.
  • Кеш очищен, тестовая заявка уходит в мессенджер, включён один способ отдавать буквы.

Если шаг с телефоном срывается, напишите в мессенджер через форму – без звонка: MAX, VK, WhatsApp или Телеграм.

Что сделать сегодня

Откройте сайт с телефона. Затем Внешний вид → Шрифты или один плагин локальных букв: два начертания, русский набор, рубль, очистка кеша, тестовая заявка. Коротко пишу про такие правки в канале в Телеграме.

Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями).
На что опирались: WordPress.org – библиотека шрифтов (26.07.2026) и анонс 7.0 (20.05.2026); web.dev по веб-шрифтам; Chrome Developers – раздельный кэш с октября 2020; карточки плагинов wordpress.org; Тяпк – кириллица и знак рубля. Яндекс Вордстат 12.09.2026 не снят, показы не выдуманы.

Частые вопросы

Нужно ли хранить шрифты на своём хостинге WordPress?

Да, если прайс и запись должны открываться с телефона без пустого экрана. С октября 2020 браузер не берёт «общий» файл с чужого склада. Свои файлы быстрее и не отправляют адрес клиента наружу. Проверьте в инкогнито на слабой сети.

Какой плагин поставить, чтобы буквы ехали без кода?

Сначала Внешний вид → Шрифты в WordPress 7.0 – плагин может быть не нужен. Если темы 7.0 нет или конструктор тянет чужой склад, один плагин локальных букв. Свой файл с вывески грузят плагином своих шрифтов. Второй шрифтовой плагин не ставьте.

Как проверить кириллицу и знак рубля?

Откройте страницу с ценами на телефоне. Русские буквы и ₽ должны быть на месте. Если квадратики – включите русский набор и перескачайте тот же шрифт. Для прайса часто нужен расширенный набор: базовый без рубля.

Можно ли оставить загрузку букв с чужого склада Google?

Сайт откроется, но вы снова в чужой очереди и отдаёте адрес посетителя. Для салона это риск пустого прайса. Свои файлы разрешены лицензией. После переноса во вкладке сети внешних адресов склада быть не должно.

Что делать, если после ускорителя буквы пропали?

Не откатывайте весь сайт. Выключите второй оптимизатор шрифтов и очистите кеш. Если буквы вернулись в инкогнито – оставьте один инструмент.

*Instagram,Facebook (принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)
Новый маркетинг с искусственным интеллектом
Добавить комментарий