Menampilkan Tabel Glyph Font (LarisFont)
Cara mengaktifkan Show Font Glyphs Table Preview di LarisFont, format font yang didukung (OTF/TTF/WOFF), batasan WOFF2, dan shortcode glyph-only.
Tabel glyph menampilkan semua karakter yang tersedia dalam file font, mulai dari huruf, angka, simbol, sampai ligature. Fitur ini membantu pembeli mengecek cakupan charset (Latin Extended, angka, tanda baca) sebelum checkout.
Glyph dirender via canvas agar karakter tampil konsisten di berbagai browser dan format font.
Format yang didukung
Sesuai deskripsi di plugin (Show Font Glyphs Table Preview (if supported)):
| Format | Glyph | Preview interaktif |
|---|---|---|
| OTF | ✅ | ✅ |
| TTF | ✅ | ✅ |
| WOFF | ✅ | ✅ |
| WOFF2 | ❌ | ✅ (preview web) |
Jika Anda hanya mengupload WOFF2 di field WOFF Font File (recommended), plugin akan memakai file OTF/TTF Font File (fallback) untuk glyph, asalkan fallback sudah diupload.
Langkah mengaktifkan
1. Global
- Buka LarisFont → Font Tester/Preview → Settings.
- Centang Show Font Glyphs Table Preview (if supported).
- Simpan pengaturan.
2. Pastikan file font cocok
Di metabox produk, upload:
- WOFF Font File (recommended): untuk preview cepat di browser.
- OTF/TTF Font File (fallback): untuk glyph dan cadangan jika WOFF bermasalah.
3. Verifikasi frontend
Buka halaman produk. Scroll ke bawah area preview interaktif. Tabel glyph akan muncul jika file font mendukungnya.
Hanya tabel glyph (tanpa editor)
Gunakan shortcode dengan preview="no" dan glyphs="yes":
[larisfont_preview id="123" title="Font Glyphs" title_hide="no" preview="no" glyphs="yes"]Berguna di landing page yang hanya perlu menampilkan charset tanpa kotak ketik.
Hanya preview (tanpa glyph)
[larisfont_preview id="123" preview="yes" glyphs="no"]Override ini mengabaikan checkbox global untuk instance shortcode tersebut.
Troubleshooting
| Masalah | Solusi |
|---|---|
| Checkbox aktif tapi glyph tidak muncul | Upload OTF/TTF; jangan andalkan WOFF2 untuk glyph |
| Glyph partial / karakter kotak kosong | Font mungkin tidak menyertakan glyph tersebut; cek file di font editor |
| Glyph muncul, preview interaktif tidak | Pastikan WOFF atau OTF/TTF valid terupload; cek Enable font preview for this product |
| WOFF2 diupload, glyph gagal | Normal. Upload OTF/TTF Font File (fallback) |
| Glyph lambat dimuat pertama kali | Plugin membuat cache JS di wp-content/uploads/tplfp/; pastikan folder writable |