Problema ao alterar a fonte do Cabeçalho no tema Brand Header

Suporte
1

Instalei o componente de tema Brand Header. Ficou ótimo! Agora quero alterar o texto do título para a fonte da minha marca, que é a Harman Sans.

  • Fiz o upload da própria fonte.
  • Quando tento alterar o CSS, parece que quebro o texto.

Vi instruções sobre o uso de uma fonte personalizada em outro lugar deste fórum, mas não tenho certeza de onde colocar os diferentes componentes dessas instruções.

Estou olhando meu CSS e não tenho certeza do que editar:

@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

Se você analisar o CSS do tema Material Design, verá o que eles fizeram com a fonte lá.

3

Acabei de olhar. Está muito limpo! Mas acho que não consigo fazer isso — não estou usando uma fonte do Google. Preciso fazer o upload da fonte como um ativo (o que já fiz) e depois apontá-la para o cabeçalho.

Estou tentando entender este conselho aqui: Include assets (e.g. images, fonts) in themes and components

É detalhado! Só não sei onde devo colocar essas partes de texto.

4

Coloque isso no CSS do seu tema e use o nome nos seus uploads.

Nomeado assim:

uploaded-font
uploaded-font556×230 11.3 KB

5

Eu estava seguindo as instruções de forma muito literal. Agora funciona! Obrigado novamente!