Проблемы с изменением шрифта заголовка в теме Brand Header

Поддержка
1

Я установил компонент темы «Brand Header». Выглядит отлично! Теперь я хочу изменить текст заголовка на шрифт моего бренда — Harman Sans.

  • Я загрузил сам файл шрифта.
  • При попытке изменить CSS у меня, кажется, ломается отображение текста.

Я видел инструкции по использованию пользовательского шрифта в другом месте этого форума, но не уверен, куда именно нужно поместить различные компоненты из этих инструкций.

Я смотрю на свой CSS и не понимаю, что именно нужно редактировать:

@import "theme_variables";

    .b-header {
      width: 100%;
      background-color: $tertiary;
      height: 48px;
      margin-bottom: 0;

      .contents {
        margin: 8px 0;
      }

      .title {
        float: left;
        margin-right: 24px;
        a {
          color: $secondary;
        }
        &:visited {
          color: $secondary;
        }
        .rtl & {
          float: right;
          margin-left: 24px;
          margin-right: 0;
        }
      }
2

Если вы посмотрите CSS-код темы Material Design, то увидите, что они сделали со шрифтом там.

3

Я только что проверил. Всё очень чисто! Но я не думаю, что смогу это сделать — я не использую шрифт Google. Мне нужно загрузить шрифт как ресурс (что я и сделал) — а затем указать его в заголовке.

Я пытаюсь разобраться в этом совете: Include assets (e.g. images, fonts) in themes and components

Всё очень подробно! Просто я не знаю, куда именно следует помещать эти фрагменты текста.

4

Вставьте это в CSS вашей темы и используйте это имя при загрузке файлов.

Название, как на этом изображении

uploaded-font
uploaded-font556×230 11.3 KB

5

Я воспринял инструкции слишком буквально. Теперь всё работает! Ещё раз спасибо!