Probleme beim Ändern der Header-Schriftart im Brand Header Theme

Unterstützung
1

Ich habe die Komponente „Brand Header Theme“ installiert. Sie sieht großartig aus! Jetzt möchte ich den Titeltext in meine Markenschriftart, Harman Sans, ändern.

  • Ich habe die Schriftart selbst hochgeladen.
  • Wenn ich versuche, das CSS zu ändern, scheint der Text kaputtzugehen.

Ich habe die Anweisungen zur Verwendung einer benutzerdefinierten Schriftart an anderer Stelle in diesem Forum gesehen, bin mir aber unsicher, wo ich die verschiedenen Komponenten aus diesen Anweisungen einfügen soll.

Ich schaue mir mein CSS an und bin mir nicht sicher, was ich bearbeiten soll:

@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

Wenn du dir das CSS für das Material Design-Theme ansiehst, wirst du sehen, was sie dort mit der Schriftart gemacht haben.

2 „Gefällt mir“
3

Ich habe gerade nachgeschaut. Es sieht sehr sauber aus! Aber ich glaube nicht, dass ich das hinbekomme – ich verwende keine Google Fonts. Ich muss die Schriftart als Asset hochladen (was ich bereits getan habe) und sie dann im Header verlinken.

Ich versuche, diesen Rat hier zu verstehen: Include assets (e.g. images, fonts) in themes and components

Er ist sehr detailliert! Ich weiß nur nicht, wo ich diese Textstellen einfügen soll.

4

Fügen Sie dies in Ihr Theme-CSS ein und verwenden Sie den Namen bei Ihren Uploads.

So benannt wie dieses Bild

uploaded-font
uploaded-font556×230 11.3 KB

5

Ich habe die Anweisungen zu wörtlich genommen. Jetzt funktioniert es! Nochmals vielen Dank!

1 „Gefällt mir“