مشكلة في تغيير خط الترويسة في سمة ترويسة العلامة التجارية

[Daniel_Wallace]

لقد قمت بتثبيت مكون سمة رأس العلامة التجارية. يبدو رائعًا! الآن أريد تغيير نص العنوان إلى خط علامتي التجارية، وهو 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;
        }
      }

[IAmGav (Gavin Perch)]

إذا نظرت إلى CSS الخاص بمظهر Material Design، فسترى ما فعلوه بالخط هناك.

[Daniel_Wallace]

لقد نظرت للتو. إنها نظيفة جداً! لكنني لا أعتقد أنني أستطيع فعل ذلك — فأنا لا أستخدم خطًا من Google Fonts. يجب أن أرفع الخط كأصل (وهو ما قمت به) — ثم أشير إليه في الرأس.

أحاول فهم هذه النصيحة هنا: Include assets (e.g. images, fonts) in themes and components

إنها مفصلة! لكنني لا أعرف أين يجب أن أضع هذه الأجزاء من النص.

[IAmGav (Gavin Perch)]

ضع ذلك في CSS الخاص بالمظهر الخاص بك واستخدم الاسم في عمليات التحميل الخاصة بك.

مسمى مثل هذه الصورة

[Daniel_Wallace]

كنت أتبع التعليمات حرفياً أكثر من اللازم. الآن يعمل الأمر! شكراً لك مرة أخرى!