Beranda UXMagic
  • Fitur
  • Pustaka
  • Komunitas
  • Harga
  • Afiliasi
  • Sumber Daya
Beranda UXMagic
Beranda UXMagic

Pustaka

Komunitas
Harga
Afiliasi

Sumber Daya

Ikuti kami di:
  • Ikuti kami di Slack
  • Ikuti kami di Twitter
  • Ikuti kami di LinkedIn
  • Ikuti kami di YouTube
  • Ikuti kami di Instagram
Pusat Bantuan
  • 🚀Memulai
  • ✨Membuat desain
  • 🎨Mendesain & mengedit
    • Mengedit layar
    • Mengedit lewat obrolan
    • Tema dan panduan gaya
    • Huruf dan tipografi
    • Gambar dalam desain Anda
    • Versi dan riwayat
    • Varian responsif dan per perangkat
    • Pustaka komponen dan sistem desain
  • 📦Ekspor & penyerahan
  • 🌐Menerbitkan situs
  • 🤝Berbagi & berkolaborasi
  • 🔌Integrasi & developer
  • 💳Paket, kredit & penagihan
  • 🛠Pemecahan masalah

Masih buntu?

Tim kami menjawab dari dalam produk.

Hubungi dukungan →
  1. Pusat Bantuan/
  2. Mendesain & mengedit/
  3. Huruf dan tipografi

Huruf dan tipografi

Memilih huruf, memakai Google Fonts, dan apa yang harus dilakukan saat perubahan huruf tidak muncul.

Terakhir diperbarui: 27 Agustus 2026

Di halaman ini

  • Menetapkan huruf
  • Skala tipografi
  • Kalau perubahan huruf tidak muncul
  • Huruf khusus dan berlisensi

Menetapkan huruf#

Huruf adalah bagian dari tema. Minta dengan namanya:

Pakai Inter untuk teks isi dan Playfair Display untuk judul.

Google Fonts didukung berdasarkan nama. Kalau Anda menyebut huruf yang tidak tersedia, Anda akan mendapat padanan terdekat yang masuk akal alih-alih layar rusak — jadi kalau ketepatan penting, pastikan apa yang sebenarnya diterapkan.

Skala tipografi#

Anda bisa mengarahkan skalanya dengan kata-kata:

Naikkan judul satu ukuran dan rapatkan tinggi barisnya. Teks isinya terlalu kecil — naikkan ke 17 px.

Kalau perubahan huruf tidak muncul#

Ini kelas masalah yang sudah dikenal dan layak diperiksa dengan sengaja: tema bisa diperbarui sementara lembar gaya yang memuat hurufnya tidak. Gejalanya: desain mengaku memakai huruf yang jelas-jelas tidak terender.

  1. Muat ulang proyek.
  2. Terapkan lagi perubahan huruf lewat obrolan dan perhatikan kanvasnya, bukan hasil alatnya.
  3. Kalau masih tidak terender, hubungi dukungan dengan tautan proyek dan nama hurufnya.

Huruf khusus dan berlisensi#

Huruf yang di-host sendiri atau berlisensi belum bisa diunggah langsung. Jalur praktisnya: pilih Google Font terdekat saat mendesain, lalu ganti dengan huruf berlisensi Anda setelah ekspor — di Figma, di basis kode Anda, atau di CSS situs yang dipublikasikan.

Apakah artikel ini membantu?

Artikel terkait

Tema dan panduan gaya

Cara kerja tema proyek, cara mengubahnya dengan aman, dan mengapa warna tidak boleh diedit layar per layar.

Panduan gaya atau tema saya tidak diterapkan

Layar terender tanpa gaya atau mengabaikan perubahan tema — apa yang perlu dicek dan apa yang perlu dikirim ke kami.

← SebelumnyaTema dan panduan gayaBerikutnya →Gambar dalam desain Anda

Di halaman ini

  • Menetapkan huruf
  • Skala tipografi
  • Kalau perubahan huruf tidak muncul
  • Huruf khusus dan berlisensi

idemu yang berikutnya
layak untuk diwujudkan

berhenti cuma memikirkannya. langsung ketik saja. Berantakan, setengah jadi, apa pun itu. Kami yang akan mengubahnya jadi sesuatu yang nyata.

Produk

  • Komunitas
  • Paket Harga
  • Program Afiliasi
  • UXMagic MCP
  • Claude MCP
  • Info AI

Sumber Daya

  • Pusat Bantuan
  • Pustaka Figma
  • Pustaka React
  • Template Aplikasi Mobile
  • Dokumentasi
  • Tutorial

Fitur

  • Prompt ke UI
  • Gambar ke UI
  • Sketsa ke UI
  • Kloning situs web
  • Impor dari Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Semua Fitur

Bandingkan

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Semua Kompetitor

Blog

  • AI dalam Alur Kerja Desain UX: Apa yang Benar-Benar Berhasil
  • Template Prompt untuk Dashboard SaaS
  • Prompt Nyata yang Kami Gunakan untuk Membuat Alur Produk
  • Prompt Engineering untuk Desainer UX
  • Alat Wireframing Terbaik 2026: Perbandingan 10 Opsi Gratis & Pro
  • Semua Blog

Perusahaan & Dukungan

  • Karier
  • Hubungi Kami
  • Kebijakan Privasi
  • Ketentuan Penggunaan
  • Pengaturan Cookie
  • Ikuti kami di Slack
  • Ikuti kami di Twitter
  • Ikuti kami di LinkedIn
  • Ikuti kami di YouTube
  • Ikuti kami di Instagram

© 2026 UXMagic AI Technologies Inc.