사용 안내서 취소

AMP(Accelerated Mobile Pages)에서 웹 글꼴 사용하기

  1. Adobe Fonts 사용 안내서
  2. 소개
    1. 시스템 및 구독 요구 사항
    2. 브라우저 및 OS 지원
    3. 컴퓨터에서 글꼴 추가
    4. 웹 사이트에 글꼴 추가
    5. CC Mobile에서 글꼴 추가
  3. 글꼴 라이선싱
    1. 글꼴 라이선싱
    2. 계정 관리
    3. Creative Cloud for enterprise 고객에 대한 라이선싱
    4. 계정에 글꼴 라이선스 추가하기
    5. 구독 라이브러리에서 글꼴 제거하기
    6. 중국에서 등록된 Adobe ID로는 Adobe Fonts를 사용할 수 없습니다.
    7. 이들 글꼴이 내 Creative Cloud 구독에 포함되지 않은 이유는 무엇입니까?
    8. Morisawa 글꼴 제거 2021년 9월
  4. 글꼴 다운로드 및 사용하기
    1. Creative Cloud 앱에서 Adobe Fonts 사용하기
    2. 내 글꼴 관리
    3. 데스크탑 애플리케이션에서 누락된 글꼴 문제 해결
    4. InDesign에서 글꼴 사용하기
    5. 글꼴 및 타이포그래피
    6. HTML5 Canvas 문서에서 웹 글꼴 사용하기
    7. InCopy에서 글꼴 사용하기
    8. Muse에서 웹 글꼴 사용하기
    9. 글꼴 파일 패키징
    10. 문제 해결 안내서: 글꼴 추가하기
    11. 추가된 글꼴이 글꼴 메뉴에 표시되지 않음
    12. “하나 이상의 글꼴을 추가할 수 없음” 또는 “동일한 이름의 글꼴이 이미 설치되어 있음”
    13. 사용하고 있는 글꼴을 제작자가 업데이트하면 어떻게 됩니까?
  5. 웹 디자인 및 개발
    1. 웹 사이트에 글꼴 추가
    2. 문제 해결 안내서: 웹 사이트에 글꼴 추가하기
    3. 글꼴 문제 해결
    4. HTML 이메일 또는 뉴스레터에서 웹 글꼴 사용하기
    5. AMP(Accelerated Mobile Pages)에서 웹 글꼴 사용하기
    6. CSS 선택기
    7. 글꼴 표시 설정으로 웹 글꼴 성능 맞춤화
    8. 임베드 코드
    9. 동적 하위 집합 및 웹 글꼴 제공
    10. 글꼴 이벤트
    11. 내 웹 글꼴을 use.typekit.net에서 가져오는 이유는 무엇입니까?
    12. 사이트가 use.typekit.net에 연결되지 않습니다.
    13. CodePen에서 웹 글꼴 사용하기
    14. 브라우저 및 OS 지원
    15. 도메인
    16. 로컬에서 개발 시 웹 글꼴 사용하기
    17. 콘텐츠 보안 정책
    18. 웹 글꼴 인쇄하기
  6. 언어 지원 및 OpenType 기능
    1. 언어 지원 및 하위 집합
    2. OpenType 기능 사용하기
    3. CSS의 OpenType 기능에 대한 구문
  7. 글꼴 기술
    1. OpenType-SVG 색상 글꼴
    2. Ten Mincho: 버전 1.000에서 업데이트 시 중요 사항

CSS 임베드 코드를 사용하여 AMP(Accelerated Mobile Pages)에 맞춤형 웹 글꼴을 포함할 수 있습니다.

사용할 글꼴 선택

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

임베드 코드 추가

프로젝트의 임베드 코드를 확인하려면 웹 프로젝트 페이지로 이동하여 프로젝트 이름을 찾습니다. 해당 프로젝트에 대한 임베드 코드를 복사하여 AMP HTML의 <head>에 붙여넣습니다.

AMP에서 사용되는 기본 CSS 임베드 코드

CSS에 글꼴 적용

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

 

쉽고 빠르게 지원 받기

신규 사용자이신가요?