Elementor는 다양한 기본 폰트를 제공하지만 국내 한글 폰트가 거의 없기 때문에 커스텀 폰트를 추가하고자 할 때가 있습니다. 이 글에서는 Elementor에서 커스텀 폰트를 추가하는 방법을 단계별로 안내하겠습니다.
커스텀 폰트를 활성화하기 위해서는 Elementor Pro가 필요합니다. Free 기본 버전에는 추가 기능이 제공되지 않기 때문에 아래 링크를 통해 Pro 요금제에 가입할 수 있습니다.
커스텀 폰트를 추가하기위해서는 TTF, OTF, WOFF, WOFF2 등의 파일 형식이 필요합니다. 먼저 사용할 폰트 라이센스가 웹사이트에 사용될 수 있는지 확인 후 폰트 파일을 다운로드 합니다.
워드프레스 대시보드에서 Elementor > Custom Fonts로 이동하여 ADD NEW 버튼으로 폰트를 등록합니다.
준비된 폰트 파일을 각 형식별로 업로드합니다. WOFF와 WOFF2 파일은 특히 웹 최적화된 형식입니다. 각 파일에 대해 굵기(font-weight)와 스타일(italic 등)을 설정할 수 있습니다. 모든 파일을 업로드 하고 속성을 설정한 후 Publish 버튼을 눌러 저장합니다. 이제 커스텀 폰트를 Elementor Typography 설정에서 사용 가능합니다.
커스텀 폰트를 적용하려면 개별 페이지나 템플릿 편집창에서 Typography 설정에서 폰트를 선택하면 됩니다. 이보다 더 편리한 방법은 전역 글꼴을 통해 사이트 전체적으로 기본 폰트를 설정할 수 있습니다. 대시보드에서 Elementor > 사이트 설정 > 전역 글꼴로 이동하여 기본의 타이포그래피에서 커스텀 폰트명을 찾은 후 저장 합니다. 여기서 주의할 것은 폰트 외에 굵기, 선 높이와 같은 다른 속성은 기본 값으로 놔두어야 나중에 H태그 등 추가로 지정한 값이 페이지에 제대로 적용이 됩니다.
