Библиотека шрифтов — это мощная функция, представленная в WordPress 6.5, которая кардинально меняет способ управления типографикой на вашем сайте. Она позволяет вам легко устанавливать, просматривать и управлять шрифтами для всего сайта прямо из админ-панели, без необходимости писать код или использовать плагины. Этот инструмент предоставляет централизованное хранилище для шрифтов, будь то шрифты из вашей темы, загруженные вами или установленные из Google Fonts.
Что такое Библиотека шрифтов?
Библиотека шрифтов — это встроенный менеджер шрифтов, доступный в Редакторе сайта. Его основная цель — предоставить пользователям простой и унифицированный интерфейс для работы со шрифтами. Ранее управление веб-шрифтами часто требовало редактирования файлов темы (например, functions.php) или установки специализированных плагинов. Теперь вы можете управлять всеми шрифтами вашего сайта в одном месте, что делает их независимыми от конкретной темы.
Как получить доступ к Библиотеке шрифтов
Для доступа к Библиотеке шрифтов в блочной теме выполните следующие шаги:
- Перейдите в раздел Внешний вид → Редактор в вашей админ-панели WordPress.
- В правом меню выберите пункт Стили (иконка с кругом).
- Нажмите на иконку Типографика (с изображением глаза или букв «Aa»).
- В открывшейся панели выберите вкладку Шрифты или нажмите на кнопку Управление шрифтами.
Это действие откроет интерфейс Библиотеки шрифтов.
Интерфейс Библиотеки шрифтов
Интерфейс состоит из нескольких вкладок, предоставляющих различные способы управления шрифтами:
- Библиотека: Здесь отображаются все шрифты, доступные на вашем сайте. Они сгруппированы по источнику: Системные шрифты, Шрифты темы и Установленные вами шрифты. Вы можете просматривать доступные начертания (например, Regular, Bold, Italic) для каждого семейства шрифтов.
- Загрузить: Эта вкладка позволяет загружать файлы шрифтов напрямую с вашего компьютера. Вы можете перетащить файлы в область загрузки или выбрать их через диалоговое окно. Поддерживаются форматы
.ttf,.otf,.woffи.woff2. - Установить шрифты: Здесь вы можете подключить и установить шрифты из коллекции Google Fonts. Поиск позволяет легко найти нужное семейство шрифтов и выбрать необходимые начертания для установки.
Установка и управление шрифтами
Установка шрифтов из Google Fonts
Во вкладке «Установить шрифты» вы можете найти любой шрифт из каталога Google Fonts. После выбора шрифта вы увидите список доступных вариантов (начертаний). Отметьте те, которые вам нужны, и нажмите кнопку «Установить». WordPress автоматически загрузит файлы шрифтов на ваш сервер и сделает их доступными для использования.
Загрузка собственных файлов шрифтов
Если у вас есть собственные файлы шрифтов (например, кастомный или премиум-шрифт), перейдите на вкладку «Загрузить». Перетащите файлы в специальную область или выберите их вручную. После загрузки шрифты будут добавлены в вашу библиотеку.
Управление установленными шрифтами
В основной вкладке «Библиотека» вы можете управлять ранее установленными шрифтами. Нажав на шрифт, вы увидите информацию о нем и список его вариантов. Вы можете деактивировать ненужные варианты, чтобы не загружать их на сайте, или полностью удалить семейство шрифтов, нажав на соответствующую кнопку.
Где WordPress хранит шрифты?
Все шрифты, установленные через Библиотеку, хранятся в новой директории /wp-content/fonts/. Это важное улучшение, поскольку оно отделяет шрифты от темы. Таким образом, при смене темы все установленные вами шрифты останутся на сайте и будут доступны для новой темы.
Использование Библиотеки шрифтов в Классических темах
По умолчанию интерфейс Библиотеки шрифтов предназначен для блочных тем и доступен через Редактор сайта. Однако вы можете активировать его и для классических тем, добавив следующий код в файл functions.php вашей дочерней темы или через плагин для добавления сниппетов:
add_filter( 'font_library_show_ui', '__return_true' );После добавления этого кода вы сможете получить доступ к Библиотеке шрифтов, перейдя по прямому URL: /wp-admin/site-editor.php?path=%2Fwp_global_styles%2Ffont-management. Установленные шрифты можно будет применять с помощью пользовательских CSS.