Upload File Font di Produk (WOFF, OTF, TTF) (LarisFont)

Cara mengupload file font WOFF dan OTF/TTF per produk lewat metabox Font Tester/Preview, menambah banyak font dengan Add Font, dan format yang didukung.

File font diupload per produk (atau per post/page kalau integrasi aktif), bukan dari pengaturan global. Jadi tiap produk bisa punya satu atau beberapa file font (misalnya Regular, Bold, dan Italic) lewat tombol Add Font.

Untuk hasil terbaik, upload WOFF untuk preview web, lalu tambahkan OTF/TTF sebagai fallback (sekaligus untuk tabel glyph, karena glyph tidak mendukung WOFF2).

Prasyarat

• Enable Font Preview global sudah aktif (langkah aktivasi)
• Post/produk sudah dibuat di WordPress

Format file yang didukung

Catatan glyph: Tabel glyph mendukung OTF/TTF/WOFF, bukan WOFF2. Jika hanya WOFF2 yang diupload di field WOFF, plugin otomatis memakai OTF/TTF untuk glyph (jika tersedia).

Langkah-langkah

1. Buka metabox Font Tester/Preview

1. Buka Produk → Edit produk font Anda (atau post/halaman).
2. Scroll ke metabox LarisFont by TokoPressID.
3. Buka section Font Tester/Preview.

2. Aktifkan preview untuk item ini

Centang Enable font preview for this product.

Tanpa centang ini, widget tidak tampil meskipun file sudah diupload dan fitur global aktif.

3. Upload file font

1. Klik Add Font untuk menambah baris font pertama.
2. Pada WOFF Font File (recommended), klik Upload file dan pilih file .woff.
3. (Disarankan) Pada OTF/TTF Font File (fallback), upload file .otf atau .ttf.
4. (Opsional) Isi Font Name (optional), misalnya MyFont Bold.
5. Untuk weight/style tambahan, klik Add Font lagi dan ulangi langkah 2–4.
6. Gunakan panah move up / move down untuk mengatur urutan tampilan.
7. Klik Update atau Publish produk.

4. Verifikasi di frontend

Buka halaman produk. Pastikan setiap font yang diupload tampil sesuai gaya tema (Interactive vs Multi-font Interactive).

Shortcode per produk

Setelah produk disimpan, metabox menampilkan Font Preview Shortcode dengan kode siap pakai:

[larisfont_preview id="123"]

Ganti 123 dengan ID produk Anda. Tombol Show/hide custom settings di metabox membantu menyalin variasi shortcode.

Keamanan file font

URL attachment langsung ke file font (.woff, .woff2, .ttf, .otf) diblokir oleh plugin. Pengunjung yang membuka link media akan dialihkan ke beranda. Preview tetap berfungsi lewat mekanisme internal—ini membantu melindungi file font dari hotlink.

Troubleshooting