Этот компонент позволяет установить основной шрифт сайта, а при желании — отдельные шрифты для заголовков и моноширинного текста (блоков кода). Вы также можете выбрать толщину шрифта в каждом случае и увеличить его размер.
Внутренне это настраивает небольшой фрагмент CSS вместе с тегом <link> для шрифтов Google. Обратите внимание, что загрузка файлов шрифтов осуществляется с серверов Google по адресу https://fonts.googleapis.com/.
Настройки
Название
Описание
fonts
Введите название шрифта (или шрифтов), которые вы хотите использовать, с сайта fonts.google.com. Обратите внимание: названия шрифтов чувствительны к регистру!
body font
Основной шрифт, используемый во всем Discourse; должен быть указан в настройке “fonts” выше
Не вижу причин, почему нет. Мы, например, уже дважды устанавливали одну и ту же тему — здесь, на Meta, чтобы были версии как со светлой, так и с тёмной темой.
Я только что обнаружил, что этот компонент не работает для страниц /pub/ (опубликованных). Шрифты не загружаются на этих страницах, из-за чего отображается шрифт, похожий на Times New Roman по умолчанию.
Опубликованная страница пытается загрузить шрифт Google через компонент темы:
Поскольку файл шрифта не загружается на опубликованной странице, не происходит переключения на переменную шрифта Arial, sans-serif, и вместо этого используется Times New Roman.
Здесь есть возможности для улучшения, при условии что опубликованные страницы могут получать доступ к необходимым изменениям.
Это здорово, спасибо вам и вашей команде за разработку такой удобной функции ^^. Я порекомендую её тем, кого знаю, кто использует Discourse для создания пользовательских сообществ.
Быстрое сообщение об ошибке: я заметил, что при установке толщины шрифта жирный текст не отображается жирным.
Я протестировал это на шрифтах Work Sans и Zilla Slab. Изменил толщину шрифта с значения по умолчанию (400) на 300. После этого жирный текст перестал отображаться жирным. Сбросил настройку, и жирный текст снова появился.
Я вернул значение 400 и оставил всё как есть, но хотел сообщить вам об этом.
Есть ли способ немного глубже разобраться в деталях? Шрифт “Headline” по умолчанию отображается с весом 900 для заголовков внутри тем. Было бы здорово установить значения по умолчанию для каждого из этих Markdown-объектов.
У нас уже встроен шрифт Inter, если вы захотите изменить Основной шрифт и Шрифт заголовков в разделе администрирования > настройки сайта. Компонент не требуется.
Я только что объединил рефакторинг этого компонента, который лучше согласуется с обновлениями Google Fonts — это должно исправить некоторые проблемы, с которыми сталкивались пользователи при отображении разных начертаний.
Обратите внимание, что форматирование настройки немного изменилось: теперь веса нельзя указывать в настройке имени шрифта, например Roboto:300,300i,500, и это нужно будет изменить на простое Roboto… однако при обновлении это должно быть перенесено автоматически.