Problemi nel cambiare il font dell'intestazione nel tema Brand Header

Supporto
1

Ho installato il componente del tema Intestazione del marchio. Sembra fantastico! Ora vorrei cambiare il testo del titolo nel font del mio marchio, che è Harman Sans.

  • Ho caricato il font stesso.
  • Quando provo a modificare il CSS, sembra che il testo si rompa.

Vedo le istruzioni sull’uso di un font personalizzato altrove in questo forum, ma non sono sicuro di dove inserire i diversi componenti di quelle istruzioni.

Sto guardando il mio CSS e non sono sicuro di cosa modificare:

@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 guardi il CSS del tema Material Design, vedrai cosa hanno fatto con il font lì.

2 Mi Piace
3

Ho appena controllato. È molto pulito! Ma non penso di poterlo fare – non sto usando un Google Font. Devo caricare il font come risorsa (cosa che ho già fatto) – e poi collegarlo all’intestazione.

Sto cercando di capire questo consiglio, qui: Include assets (e.g. images, fonts) in themes and components

È dettagliato! Semplicemente non so dove dovrei inserire questi frammenti di testo.

4

Inseriscilo nel CSS del tuo tema e utilizza il nome nei tuoi caricamenti.

Chiamato così, come nell’immagine

uploaded-font
uploaded-font556×230 11.3 KB

5

Stavo prendendo le istruzioni troppo alla lettera. Ora funziona! Grazie ancora!

1 Mi Piace