Lewati ke konten
AtlasAtlas CMS Docs
Delivery API
Sebelum Anda merencanakan berdasarkan sebuah fitur, periksa status kapabilitas.

PanduanDesain

Font

Unggah font web berlisensi Anda sekali, simpan bukti lisensinya bersamanya, dan muat di situs web Anda dengan satu stylesheet.

Halaman ini diterjemahkan dari bahasa Inggris. Jika ada perbedaan, versi bahasa Inggris yang berlaku. Baca dalam bahasa Inggris

Atlas menghosting font situs web Anda beserta bukti lisensinya. Sebuah font hanya disajikan selama lisensinya mengizinkan penyematan di web dan belum kedaluwarsa.

Tambahkan font

Section titled “Tambahkan font”

Buka Design → Fonts dan klik Add a font.

  1. Masukkan Family name dan Key. Key menamai variabel CSS dan tidak dapat diubah kemudian.

  2. Di bawah Files, weights and styles, unggah file WOFF2 atau WOFF (atau pilih dari pustaka media). Untuk setiap file, atur Weight (misalnya 400, atau rentang seperti 100-900 untuk font variabel) dan Style (Upright atau Italic).

  3. Tambahkan Fallback fonts dan pilih While loading: Show the fallback, then swap, atau Use the font only if it is ready at once.

  4. Di bawah Licence, catat nama Licence, tanggal Licence ends (jika ada), Evidence, dan Licence document opsional, lalu centang The licence allows embedding this font on websites (@font-face).

  5. Klik Add font.

Setiap kartu font menampilkan cara memakainya, misalnya font-family: var(--atlas-font-brand), beserta fallback, lisensi, dan versi sebelumnya. Klik New version untuk mengganti file atau memperbarui lisensi; versi sebelumnya tetap disimpan.

Muat font di situs web Anda

Section titled “Muat font di situs web Anda”

Kartu Add to your website memberi Anda cuplikan siap pakai:

  • Situs web mana pun: Copy link tag dan tambahkan ke head halaman Anda. Ini memuat satu stylesheet berisi setiap font aktif milik situs.
  • Next.js: Copy code untuk versi yang dirender di server.
<link
  rel="stylesheet"
  href="https://<delivery host>/v1/delivery/environments/{environmentId}/fonts.css"
/>

Stylesheet di-cache selama 5 menit dan file font di-cache permanen, karena setiap versi file memiliki alamatnya sendiri. File font hanya disajikan ke alamat situs web lingkungan Anda.

Font di situs web live

Section titled “Font di situs web live”

Perubahan font sampai ke Production bersama rilis berikutnya, seperti konten. Production hanya menyajikan versi font yang ada di rilis live-nya.

Batas

Section titled “Batas”
  • Hanya WOFF2 dan WOFF (tanpa TTF atau OTF).
  • Hingga 32 file dan 8 font fallback per font.
  • Font dimiliki satu situs; belum ada katalog font organisasi bersama, dan belum ada subsetting.
Website helper dan paletGo live