브랜드 헤더 테마에서 헤더 글꼴 변경 시 오류 발생

제품 지원
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

Material Design 테마의 CSS를 살펴보면, 거기서 폰트를 어떻게 처리했는지 확인할 수 있습니다.

3

방금 확인해 봤는데, 아주 깔끔하네요! 하지만 그걸 할 수 없을 것 같아요. Google Fonts를 사용하지 않고 있어서요. 폰트를 에셋으로 업로드해야 합니다(이미 업로드했습니다) – 그리고 헤더에 해당 폰트를 지정해야 합니다.

이 조언을 이해하려고 여기 내용을 보고 있습니다: Include assets (e.g. images, fonts) in themes and components

상세하긴 한데, 이 텍스트 조각들을 어디에 넣어야 할지 모르겠어요.

4

이 내용을 테마 CSS에 넣고 업로드 시 이름을 사용하세요.

아래 이미지와 같은 이름으로 지정합니다.

uploaded-font
uploaded-font556×230 11.3 KB

5

지시를 너무 직역해서 그랬네요. 이제 작동합니다! 다시 한번 감사드립니다!