- Adobe Fonts 사용 안내서
- 소개
- 글꼴 라이선싱
- 글꼴 다운로드 및 사용하기
- 웹 디자인 및 개발
- 웹 사이트에 글꼴 추가
- 문제 해결 안내서: 웹 사이트에 글꼴 추가하기
- 글꼴 문제 해결
- HTML 이메일 또는 뉴스레터에서 웹 글꼴 사용하기
- AMP(Accelerated Mobile Pages)에서 웹 글꼴 사용하기
- CSS 선택기
- 글꼴 표시 설정으로 웹 글꼴 성능 맞춤화
- 임베드 코드
- 동적 하위 집합 및 웹 글꼴 제공
- 글꼴 이벤트
- 내 웹 글꼴을 use.typekit.net에서 가져오는 이유는 무엇입니까?
- 사이트가 use.typekit.net에 연결되지 않습니다.
- CodePen에서 웹 글꼴 사용하기
- 브라우저 및 OS 지원
- 도메인
- 로컬에서 개발 시 웹 글꼴 사용하기
- 콘텐츠 보안 정책
- 웹 글꼴 인쇄하기
- 언어 지원 및 OpenType 기능
- 글꼴 기술
Adobe는 동아시아 웹 글꼴 서비스를 제공하기 위해 동적 하위 집합을 개발했습니다. 대부분의 경우 글리프가 10,000개 이상인 대규모의 동아시아 글꼴을 로드 시간에 큰 영향을 주지 않고 웹 사이트에 로드하는 것은 매우 어려운 일입니다.
동적 하위 집합은 뉴스피드 또는 댓글 섹션과 같은 DOM(문서 개체 모델)의 변경 사항을 감시한 다음 하위 집합에 추가해야 하는 새 문자를 요청합니다. 이렇게 완전히 새로운 글꼴을 다운로드하는 대신, 글꼴 로드에서 간단히 추가 글리프를 요청하고 브라우저에서 바로 업데이트를 수행합니다.
새 웹 프로젝트 생성
웹 프로젝트 제작 시 이들 글꼴 중 하나를 사용하면 동적 하위 집합 문자 세트 옵션이 자동으로 선택됩니다.
기존 웹 프로젝트에 글꼴 추가
이러한 글꼴을 제공하려면 동적 하위 집합이 필요하기 때문에 이미 동적 하위 집합을 사용하는 경우에만 기존 웹 프로젝트에 추가할 수 있습니다. 웹 프로젝트 메뉴에서는 어떤 프로젝트를 선택할 수 있는지 보거나 새 웹 프로젝트 만들기를 선택할 수 있습니다.
웹 브라우저에서 동적 글꼴을 제공할 때 404 오류가 표시되는 이유는 무엇입니까?
동적 웹 글꼴 제공 시 간혹 404 오류가 나타나는 것은 정상입니다.
동적 글꼴 로드는 페이지에 로드된 문자를 보고 글꼴 로드 속도를 높이기 위해 use.typekit.net에 해당 글꼴 하위 집합이 이미 존재하는지 확인합니다. 해당 하위 집합이 아직 없으면 404가 반환됩니다. 그런 다음 생성되고 동일한 글꼴 하위 집합에 대한 후속 요청이 성공합니다(200).
404는 동일한 프라이머 요청에서 두 번 이상 표시되는 경우에만 문제가 됩니다. 이 경우는 하위 집합 확대에 문제가 있음을 나타냅니다.