AMP 페이지에는 외부 스타일시트를 포함할 수 없지만, 맞춤 글꼴은 포함할 수 있습니다. 다음의 2가지 방법으로 페이지에 맞춤 글꼴을 삽입할 수 있습니다.

  1. <link> 태그 사용(허용된 글꼴 제공업체만 해당)
  2. @font-face 사용(제한 없이 모든 글꼴이 허용됨)

1. <link>

다음과 같이 <link> 태그(일반적으로 페이지 헤드에)를 사용하세요.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">

다음 출처에서 받은 글꼴은 링크 태그를 통해 글꼴을 게재할 때 사용할 수 있습니다.

  • Typography.com:https://cloud.typography.com
  • Fonts.com:https://fast.fonts.net
  • Google Fonts:https://fonts.googleapis.com
  • Typekit: https://use.typekit.net
  • Font Awesome:https://maxcdn.bootstrapcdn.com, https://use.fontawesome.com

2. @font-face

또는 AMP 스타일시트 내에서 @font-face 를 사용할 수 있습니다.

<style amp-custom>
  @font-face {
    font-family: "Bitstream Vera Serif Bold";
    src: url("https://somedomain.org/VeraSeBd.ttf");
  }

  body {
    font-family: "Bitstream Vera Serif Bold", serif;
  }
</style>