Лучшие практики для выбора пользовательских шрифтов в темах Discourse?

Привет всем,

Я настраиваю тему Discourse и хочу заменить стандартный шрифт (для основного текста и заголовков) на что-то более уникальное, чтобы он соответствовал бренду моего сообщества. Я знаю, что в Discourse можно задать шрифты через Админка > Настроить > Темы/Цвета, а также добавить пользовательские веб-шрифты через CSS.

Буду рад услышать ваши мнения по нескольким вопросам:

  1. Что вы предпочитаете: использовать Google Fonts, самостоятельно размещать шрифты или пользоваться встроенными опциями шрифтов Discourse?
  2. Есть ли какие-то проблемы с производительностью (скоростью загрузки страницы) при добавлении пользовательских веб-шрифтов?
  3. Существуют ли какие-либо рекомендации по доступности, которые следует учитывать при выборе шрифтов для читаемости?

Буду благодарен за любые советы, рекомендации по компонентам тем или ваш опыт настройки шрифтов на вашем собственном экземпляре Discourse!

2 лайка

Мой совет: избегайте шрифтов, напоминающих моноширинные (например, JetBrains Mono), так как они сложнее для чтения, если только ваша аудитория не состоит из хардкорных разработчиков :wink:. Но серьёзно, я был в сообществе с таким шрифтом, и это не легко (к тому же, буквы слишком разнесены для моего вкуса).

2 лайка

Размещение шрифтов на собственном сервере всегда хорошо, так как это позволяет избавиться от зависимости от внешних ресурсов, что на одну сетевую операцию меньше. Вы можете скачать и разместить Google Fonts самостоятельно, а встроенные варианты шрифтов Discourse также берутся из Google и не зависят от их серверов.

Как уже упоминалось, предоставление шрифтов непосредственно с вашего сайта лучше для производительности (хотя шрифты обычно небольшие, так что это не является большой проблемой). Старайтесь не включать больше вариантов и стилей, чем вам нужно; обычно двух разных шрифтов с обычным и полужирным начертанием вполне достаточно.

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

1 лайк