Menambahkan font kustom

Halaman AMP tidak dapat menyertakan lembar gaya (stylesheet) eksternal, kecuali font kustom. Anda dapat menyematkan font kustom ke halaman Anda dengan 2 cara:

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

1. Menggunakan <link>

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

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

Asal-asal berikut ini masuk dalam daftar yang diizinkan dan diperbolehkan untuk penyajian font melalui tag tautan:

• 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 lembar gaya AMP Anda:

<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