Problème pour changer la police de l'en-tête dans le thème Brand Header

Soutien
1

J’ai installé le composant de thème En-tête de marque. Il est magnifique ! Maintenant, je souhaite modifier le texte du titre pour utiliser la police de ma marque, Harman Sans.

  • J’ai téléchargé la police elle-même.
  • Lorsque j’essaie de modifier le CSS, le texte semble se casser.

Je vois les instructions sur l’utilisation d’une police personnalisée ailleurs dans ce forum, mais je ne suis pas sûr de savoir où placer les différents composants mentionnés dans ces instructions.

Je regarde mon CSS et je ne suis pas sûr de quoi modifier :

@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

Si vous allez consulter le CSS du thème Material Design, vous verrez ce qu’ils ont fait avec la police là-bas.

3

Je viens de regarder. C’est très propre ! Mais je ne pense pas pouvoir faire cela — je n’utilise pas une police Google. Je dois télécharger la police en tant qu’actif (ce que j’ai fait) — puis la lier à l’en-tête.

J’essaie de comprendre ce conseil ici : Include assets (e.g. images, fonts) in themes and components

C’est détaillé ! Je ne sais simplement pas où je devrais placer ces éléments de texte.

4

Vous l’ajoutez à votre CSS de thème et utilisez le nom dans vos téléversements.

Nommez-le comme sur cette image

uploaded-font
uploaded-font556×230 11.3 KB

5

Je prenais les instructions trop à la lettre. Maintenant, ça fonctionne ! Merci encore !