Этот компонент позволяет установить основной шрифт сайта, а также, по желанию, отдельные шрифты для заголовков и моноширинного текста (блоки кода). Вы также можете выбрать жирность шрифта в каждом случае и увеличить размер шрифта.
В фоновом режиме это настраивает небольшой фрагмент CSS вместе с тегом <link> для загрузки шрифта от Google. Обратите внимание, что это зависит от Google для предоставления файлов шрифтов с https://fonts.googleapis.com/.
Настройки
Имя
Описание
fonts
Добавьте имя(а) шрифт(ов), которые вы хотите использовать из fonts.google.com. Обратите внимание, что имена шрифтов чувствительны к регистру!
body font
Основной шрифт, используемый во всём Discourse, должен быть включён в настройку “fonts” выше
body font weight
Толщина шрифта в диапазоне от 100 до 900. 400 — нормальный, 700 — жирный
headline font
Дополнительный шрифт для заголовков, должен быть включён в настройку “fonts” выше
headline font weight
Толщина шрифта в диапазоне от 100 до 900. 400 — нормальный, 700 — жирный
monospaced font
Дополнительный шрифт для блоков кода, должен быть включён в настройку “fonts” выше.
monospaced font weight
Толщина шрифта в диапазоне от 100 до 900. 400 — нормальный, 700 — жирный
normal font size
Размер шрифта по умолчанию для всех пользователей, изменение этого параметра пропорционально изменит все размеры шрифтов
smaller font size
Выбирается в настройках интерфейса каждого пользователя
larger font size
Выбирается в настройках интерфейса каждого пользователя
largest font size
Выбирается в настройках интерфейса каждого пользователя
Хостинг у нас? Компоненты тем доступны для использования на наших планах Standard, Business и Enterprise.
Не вижу причин, почему нет. Мы, например, уже дважды устанавливали одну и ту же тему — здесь, на 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… однако при обновлении это должно быть перенесено автоматически.
Хостинг у нас? Компоненты тем доступны для использования на наших планах Standard, Business и Enterprise.
Мне это очень нравится.