Brand Header Theme のヘッダーフォントの変更に問題があります

サポート
1

ブランドヘッダーテーマコンポーネントをインストールしました。とても素敵に見えます！次に、タイトルテキストを自社のブランドフォントである「Harman Sans」に変更したいと考えています。

  • フォント自体をアップロードしました。
  • CSS を変更しようとすると、テキストが壊れてしまうようです。

このフォーラムの他の場所でカスタムフォントを使用する手順を見かけましたが、その手順に含まれる異なるコンポーネントをどこに配置すればよいか確信が持てません。

CSS を見ていますが、何を編集すればよいのか分かりません。

@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

マテリアルデザインテーマの CSS を確認すると、そこでフォントをどのように扱っているかがわかります。

「いいね！」 2
3

確認しました。とてもきれいですね！でも、それはできないと思います。Google フォントを使っていないので。フォントをアセットとしてアップロードする必要があります（それは済ませました）そして、ヘッダーを指し示す必要があります。

このアドバイスを理解しようとしています：Include assets (e.g. images, fonts) in themes and components

詳細に書かれていますね！ただ、これらのテキストをどこに配置すべきか分かりません。

4

それをテーマの CSS に貼り付け、アップロード時にその名前を使用します。

この画像のように名前を付けます

uploaded-font
uploaded-font556×230 11.3 KB

5

指示を文字通り取りすぎました。これで動きます！改めてありがとうございます！

「いいね！」 1