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

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

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

메모

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

사용할 글꼴 선택

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

임베드 코드 추가

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

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

HTML 이메일에 사용되는 @import 임베드 코드

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

메모

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

웹 글꼴에 대한 이메일 클라이언트 지원

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

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

클라이언트 이름

호환 가능 여부

AOL 메일

예

Android 메일 앱(기본, GMail 없음)

예

Apple 메일

예

GMail

아니요

Google 받은 편지함

아니요

iOS 메일

예

Outlook 2000

아니요

Outlook 2011(OS X 10.10 이상)

예

Outlook 2016(OS X 10.10 이상 및 Windows 10)

예

프로젝트 삭제 또는 구독 취소

이메일 캠페인에서 사용 중인 프로젝트를 삭제하거나 이를 호스팅하는 구독을 취소하면 보낸 이메일에서 더 이상 글꼴을 사용할 수 없습니다. 지정한 대체 글꼴 또는 이메일 클라이언트의 기본 글꼴이 대신 사용됩니다.