添加自定义字体

AMP 网页不得包含外部样式表（自定义字体除外）。您可以通过以下两种方式将自定义字体嵌入您的网页：

1. 通过 <link> 标记（仅限已被列入许可名单的字体提供商）
2. 通过 @font-face（没有限制，可以使用所有字体）

1. 使用 <link>

使用 <link> 标记（通常位于网页的 head 中），如下所示：

<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>

• Written by @pbakaus