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

@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)

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

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

Adobe 로고

내 계정 로그인