사용자 정의 폰트 적용

작동 방식

웹사이트 빌더에서 사용 가능한 기본 폰트를 이용하고 싶지 않은 경우, Google Fonts 카탈로그에서 바디 및 헤더용의 다른 폰트를 적용할 수 있습니다.

사용자

웹사이트 빌더와 이미 통합한 파트너.

획득 방법

  1. 게시자 계정 > 웹사이트 빌더로 이동.
  2. 폰트 URL을 사용자 정의 코드 블록에 삽입하고 변경해야 할 font-family 스타일 클래스를 지정합니다.

헤더 폰트 변경 예제

Copy
Full screen
Small screen
<style>
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');

  .custom-header-font h1,
  .custom-header-font h2,
  .custom-header-font h3,
  .custom-header-font h4,
  .custom-header-font h5,
  .custom-header-font h6 {
    font-family: 'Playfair Display';
  }
</style>

바디 텍스트 폰트 변경 예제

Copy
Full screen
Small screen
<style>
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');

  .custom-main-font {
    font-family: 'Playfair Display';
  }
</style>

  1. 미리 보기를 클릭하여 변경 내역을 봅니다.

이 레시피에 대한 예제 비디오 보기: