Halaman AMP tidak dapat menyertakan stylesheet, kecuali dengan font kustom. Anda dapat menyematkan font kustom ke halaman dengan 2 cara:

  1. Melalui <link> tag (khusus penyedia font yang diizinkan)
  2. Melalui @font-face (tidak ada batasan, semua font diizinkan)

1. Menggunakan <link>

Gunakan <link> tag (biasanya di bagian atas halaman), seperti berikut:

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

Domain asal berikut diizinkan untuk font yang ditayangkan melalui tag link:

  • 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. Menggunakan @font-face

Atau, Anda dapat menggunakan @font-face dalam stylesheet AMP: within your AMP stylesheet:

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