Problemas para cambiar la fuente del encabezado en el tema del encabezado de marca

He instalado el componente de tema Encabezado de Marca. ¡Se ve genial! Ahora quiero cambiar el texto del título a mi tipografía de marca, que es Harman Sans.

  • He subido la propia fuente.
  • Cuando intento cambiar el CSS, parece que rompo el texto.

Veo las instrucciones sobre cómo usar una fuente personalizada en otra parte de este foro, pero no estoy seguro de dónde colocar los diferentes componentes de esas instrucciones.

Estoy revisando mi CSS y no sé qué 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;
        }
      }

Si vas a revisar el CSS del tema Material Design, verás lo que hicieron con la fuente allí.

Acabo de echar un vistazo. ¡Está muy limpio! Pero creo que no puedo hacer eso: no estoy usando una fuente de Google. Tengo que subir la fuente como un recurso (lo cual ya he hecho) y luego enlazarla al encabezado.

Estoy tratando de entender este consejo: Include assets (e.g. images, fonts) in themes and components

¡Es muy detallado! Solo que no sé dónde debo colocar estos fragmentos de texto.

Coloca eso en tu CSS del tema y usa el nombre en tus subidas.

Nombrado así la imagen

¡Estaba tomando las instrucciones demasiado al pie de la letra. ¡Ahora funciona! ¡Gracias de nuevo!