사용 안내서 취소

HTML 이메일 또는 뉴스레터에서 웹 글꼴 사용하기

검색

마지막 업데이트 날짜 2022년 11월 28일

@import CSS 임베드 코드는 HTML 이메일 또는 뉴스레터에 맞춤형 글꼴을 포함하는 데 사용할 수 있습니다.

참고:

JavaScript 글꼴 로드는 동아시아 웹 글꼴 제공에 필요한 Adobe의 동적 하위 집합에 사용됩니다. CSS 임베드 코드 옵션이 없기 때문에 이러한 웹 글꼴(중국어, 일본어 및 한국어 지원이 있는 글꼴 포함)은 HTML 이메일에서 사용할 수 없습니다.

사용할 글꼴 선택

웹 글꼴 튜토리얼을 따라 사용하려는 글꼴을 선택하고 프로젝트를 만듭니다.

프로젝트의 임베드 코드는 웹 프로젝트 페이지에서 확인하십시오. 프로젝트 이름을 찾은 다음 "@import 링크" 옵션을 클릭합니다.

글꼴 패밀리 이름과 함께 이메일의 <head>에 @import 임베드 코드가 포함된 <style> 태그를 추가합니다.

텍스트 스타일을 지정하기 위해 CSS에서 사용할 글꼴 패밀리 이름도 웹 프로젝트에 나열됩니다. CSS에서 글꼴 사용을 참조하십시오.

참고:

@import 임베드 코드는 다른 @import 문과 함께 <style> 태그의 시작 부분에 있어야 합니다. 그렇지 않으면 글꼴이 로드되지 않습니다. @charset 항목만 @import 줄 앞에 나열될 수 있습니다.

일부 이메일 클라이언트는 이메일에서 HTML 이메일 또는 웹 글꼴을 지원하지 않으므로 수신자가 보는 내용에 영향을 줄 것입니다. 이메일에 대체 글꼴을 지정하고 이메일을 보내기 전에 테스트하여 모든 클라이언트에서 제대로 작동하는지 확인하십시오.

다음은 인기 있는 이메일 클라이언트 및 웹 글꼴과의 호환성에 대한 간단한 목록입니다.