Сообщество строителей сайтов на Joomla + Gridbox

Gridbox 3.0 уже вышел — как безопасно обновиться

Личный кабинет

Библиотека шрифтов (Font Library) в конструкторе сайтов Gridbox

Раздел Font Library (Библиотека шрифтов) в конструкторе сайтов Gridbox для Joomla представляет собой централизованную систему управления типографикой. Библиотека позволяет легко подключать шрифты из коллекции Google Fonts, использовать системные безопасные веб-шрифты (Web Safe Fonts), загружать собственные кастомные шрифты любых форматов и оптимизировать нагрузку на сайт, удаляя лишние начертания.

1. Доступ к библиотеке шрифтов (Accessing Font Library)

Библиотека шрифтов доступна непосредственно из рабочей среды редактора Gridbox:

  • ■ Через панель инструментов: В верхнем меню редактора перейдите в Tools ➝ Font Library.
  • ■ Через настройки типографики: Окно библиотеки шрифтов также можно открыть при выборе семейства шрифтов (Font Family) в настройках любого плагина или в глобальных стилях темы.

Видео: Просмотр и открытие библиотеки шрифтов (Font Library)

2. Подключение Google Fonts (Google Fonts)

Gridbox интегрирован с полной библиотекой Google Fonts, предоставляя удобный поиск и фильтрацию:

  • ■ Поиск и выбор гарнитуры: Используйте строку живого поиска, чтобы быстро найти нужный шрифт по названию.
  • ■ Выбор наборов символов (Subsets): Вы можете выбрать требуемые языковые подмножества (например, Cyrillic, Latin, Latin-ext) для корректного отображения символов алфавита.
  • ■ Выбор начертаний и толщины (Styles & Weights): Отметьте галочками только те варианты начертаний (100 Thin, 300 Light, 400 Regular, 700 Bold, Italic и др.), которые действительно используются на сайте.
  • ■ Локальное хранение (GDPR / Скорость): Gridbox автоматически загружает выбранные шрифты Google Fonts на ваш сервер, обеспечивая полную независимость от внешних серверов Google и соответствие требованиям приватности.

Видео: Добавление и настройка Google Fonts

3. Безопасные веб-шрифты (Web Safe Fonts)

Вкладка Web Safe Fonts содержит стандартные системные шрифты, которые предустановлены на большинстве компьютеров и мобильных устройств (Arial, Georgia, Helvetica, Times New Roman, Tahoma, Verdana, Trebuchet MS, Impact, Courier New):

  • ■ Нулевое время загрузки: Шрифты не требуют отправки сетевых HTTP-запросов и загрузки файлов с сервера, так как они уже присутствуют в операционной системе пользователя.
  • ■ Мгновенное подключение: Достаточно активировать нужный системный шрифт, и он сразу станет доступен для выбора в списке гарнитур.

Видео: Использование безопасных веб-шрифтов (Web Safe Fonts)

4. Загрузка пользовательских шрифтов (Custom Fonts)

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

  • ■ Поддержка современных форматов: Возможность загрузки файлов шрифтов в форматах .woff2, .woff, .ttf, .otf.
  • ■ Назначение параметров шрифта: При загрузке файла вы указываете имя гарнитуры (Font Family), выбираете точный вес (Font Weight: от 100 до 900) и стиль (Normal / Italic).
  • ■ Группировка начертаний: Файлы с одинаковым названием гарнитуры автоматически объединяются в единое семейство с разными весами.

Видео: Загрузка и настройка пользовательских шрифтов (Custom Fonts)

5. Удаление неиспользуемых шрифтов (Deleting Fonts)

Для поддержания чистоты проекта и высокой скорости загрузки страниц лишние шрифты необходимо своевременно удалять:

  • ■ Удаление начертания: Вы можете удалить конкретный лишний вес или стиль из семейства шрифта, кликнув на иконку удаления напротив него.
  • ■ Полное удаление семейства: Чтобы удалить все семейство шрифтов целиком, нажмите на иконку корзины напротив названия гарнитуры.

Видео: Удаление шрифтов и отдельных начертаний

6. Сводная таблица параметров и возможностей Font Library

Полный перечень разделов, опций и форматов в библиотеке шрифтов Gridbox:

Раздел / ФункцияОписание и функциональное назначениеФормат / Тип источника
Google FontsКаталог онлайн-шрифтов Google с фильтрацией по стилям, языковым подмножествам и автоматической локализацией на сервере.Google Fonts API / Local
Web Safe FontsСтандартные безопасные системные шрифты (Arial, Helvetica, Times и др.), не требующие загрузки файлов с сервера.Системные шрифты ОС
Custom FontsИнструмент ручной загрузки кастомных файлов шрифтов с назначением Font Family, Weight (100–900) и Style..woff2, .woff, .ttf, .otf
Subsets SelectionВыбор языковых подмножеств (Cyrillic, Latin-ext и др.) для загрузки только необходимых таблиц глифов.Чекбоксы выбора
Weights / StylesВыбор конкретной плотности начертаний (Thin, Light, Regular, Medium, Semi-Bold, Bold, Extra-Bold, Black).Набор чекбоксов
Delete Font / WeightУдаление ненужных файлов или начертаний для уменьшения размера страницы и ускорения отрисовки DOM.Иконка корзины
Автономность и GDPR-ready:

Gridbox сохраняет файлы Google Fonts локально в файловой системе Joomla. Это устраняет блокирующие внешние запросы к серверам Google, защищает сайт от штрафов по GDPR и обеспечивает стабильное отображение шрифтов даже при сбоях внешних CDN.

💡 СОВЕТ РАЗРАБОТЧИКУ:

При подключении шрифтов на кириллических сайтах обязательно проверяй галочку Cyrillic в Google Fonts, иначе браузер будет подставлять системный шрифт при отображении русских букв. А для кастомных шрифтов всегда конвертируй исходники в формат .woff2 — он весит до 3 раз меньше традиционных .ttf/.otf и сжимается алгоритмом Brotli «из коробки».