클라이언트 이름
마지막 업데이트 날짜
2022년 11월 28일
- Adobe Fonts 사용 안내서
- 소개
- 글꼴 라이선싱
- 글꼴 다운로드 및 사용하기
- 웹 디자인 및 개발
- 웹 사이트에 글꼴 추가
- 문제 해결 안내서: 웹 사이트에 글꼴 추가하기
- 글꼴 문제 해결
- HTML 이메일 또는 뉴스레터에서 웹 글꼴 사용하기
- AMP(Accelerated Mobile Pages)에서 웹 글꼴 사용하기
- CSS 선택기
- 글꼴 표시 설정으로 웹 글꼴 성능 맞춤화
- 임베드 코드
- 동적 하위 집합 및 웹 글꼴 제공
- 글꼴 이벤트
- 내 웹 글꼴을 use.typekit.net에서 가져오는 이유는 무엇입니까?
- 사이트가 use.typekit.net에 연결되지 않습니다.
- CodePen에서 웹 글꼴 사용하기
- 브라우저 및 OS 지원
- 도메인
- 로컬에서 개발 시 웹 글꼴 사용하기
- 콘텐츠 보안 정책
- 웹 글꼴 인쇄하기
- 언어 지원 및 OpenType 기능
- 글꼴 기술
@import CSS 임베드 코드는 HTML 이메일 또는 뉴스레터에 맞춤형 글꼴을 포함하는 데 사용할 수 있습니다.
참고:
JavaScript 글꼴 로드는 동아시아 웹 글꼴 제공에 필요한 Adobe의 동적 하위 집합에 사용됩니다. CSS 임베드 코드 옵션이 없기 때문에 이러한 웹 글꼴(중국어, 일본어 및 한국어 지원이 있는 글꼴 포함)은 HTML 이메일에서 사용할 수 없습니다.
사용할 글꼴 선택
웹 글꼴 튜토리얼을 따라 사용하려는 글꼴을 선택하고 프로젝트를 만듭니다.
임베드 코드 추가
프로젝트의 임베드 코드는 웹 프로젝트 페이지에서 확인하십시오. 프로젝트 이름을 찾은 다음 "@import 링크" 옵션을 클릭합니다.
글꼴 패밀리 이름과 함께 이메일의 <head>에 @import 임베드 코드가 포함된 <style> 태그를 추가합니다.
텍스트 스타일을 지정하기 위해 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) |
예 |
프로젝트 삭제 또는 구독 취소
이메일 캠페인에서 사용 중인 프로젝트를 삭제하거나 이를 호스팅하는 구독을 취소하면 보낸 이메일에서 더 이상 글꼴을 사용할 수 없습니다. 지정한 대체 글꼴 또는 이메일 클라이언트의 기본 글꼴이 대신 사용됩니다.
