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

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;
        }
      }

Se guardi il CSS del tema Material Design, vedrai cosa hanno fatto con il font lì.

2 Mi Piace

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.

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

Chiamato così, come nell’immagine

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

1 Mi Piace