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

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

사용할 글꼴 선택

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

임베드 코드 추가

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

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

CSS에 글꼴 적용

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

 

Adobe 로고

내 계정 로그인