Dokumen ini dibuat untuk membantu pengguna Framer di Indonesia yang mengalami kesulitan karena kurangnya sumber daya dalam bahasa Korea. Kami menerjemahkan isi dari blog resmi Framer ke dalam bahasa Indonesia dan menambahkan informasi berguna untuk praktik. Kami berharap ini dapat memberikan sedikit bantuan bagi Anda yang menggunakan FramerFramer.

Mengapa Menggunakan Font Kustom?

FramerFramer pada dasarnya menyediakan berbagai web font dan integrasi dengan Google dan Fontshare. Namun, jika Anda perlu menggunakan font khusus merek atau yang Anda buat sendiri, Anda harus mengunggahnya ke tab ‘Custom’.

Langkah Unggah & Terapkan

1. Tambahkan layer teks ke proyek

2. Buka pemilih font di panel properti kanan

3. Klik tab Custom

4. Tekan tombol Upload

5. Pilih file .woff2, .woff, .ttf, .otf dari lokal

6. Setelah diunggah, font akan ditambahkan ke tab ‘Custom’

7. Pilih font tersebut untuk langsung menerapkannya ke teks

Catatan: Format .woff2 adalah yang terbaik untuk pengoptimalan web. Ukuran file lebih kecil dan waktu muat lebih cepat.

Tip Penerapan Font Kustom dari Figma

Ketika Anda mengimpor teks dari Figma ke FramerFramer, ada kemungkinan font kustom digantikan dengan font default.
Jika demikian, Anda harus mengunggah kembali font kustom di proyek FramerFramer Anda dan memilih teks untuk menerapkannya kembali.

Optimisasi Kinerja & Lisensi

• Kinerja Font: Saat menggunakan file .woff2, FramerFramer secara otomatis menyediakan fungsi optimisasi (kompresi, subsetting, font-display: swap).

• Lisensi Font: Untuk situs web, Anda membutuhkan lisensi Webfont (WOFF/WOFF2). Lebih cepat dan lebih kompatibel dibandingkan untuk desktop (TTF/OTF).

Tip Memecahkan Masalah Setelah Mengunggah Font

• Jika varian (berat) tidak terlihat: Periksa apakah hanya file .woff2 yang diunggah.

• Jika font family/style tidak dikenali: Pastikan nama font (metadata) sesuai dengan nama sebenarnya dan bahwa beberapa gaya tergabung dalam satu keluarga. (Sunting di Glyphs dan lainnya)

Di Mana Fungsi Ini Diperlukan?

Misalnya, pada halaman atau situs merek perusahaan profesional, gaya font sangat penting, dan mungkin Anda perlu menerapkan font yang dibuat atau dibeli sendiri. Dalam kasus tersebut, kita dapat menggunakan 'pengunggahan font kustom' untuk menggunakan berbagai font secara bebas di FramerFramer.

Tulisan ini adalah konten terjemahan dan adaptasi dari posting blog resmi FramerFramer, ‘Adding custom fonts’.