Temukan dan pratinjau pasangan font Google Fonts yang indah, mendukung teks contoh real-time dan salin aturan CSS satu klik
Alat CSS
Tentang Alat Ini
Alat CSS Font Pairing membantu Anda menemukan kombinasi font judul dan teks yang sempurna dari 16 pasangan Google Fonts pilihan. Filter berdasarkan kategori, pratinjau efek teks real-time, sesuaikan ukuran font, dan salin kode CSS siap pakai dengan pernyataan @import.
Fitur Utama
- 16 pasangan font Google Fonts pilihan untuk judul dan teks
- Filter kategori: Semua, sans-serif, serif, monospace, display
- Pratinjau real-time dengan teks contoh judul dan badan kustom
- Ukuran font judul dan teks yang dapat disesuaikan
- Hasilkan kode CSS dengan pernyataan @import
- Salin kode CSS font pairing dengan satu klik
Kasus Penggunaan
- Pilih skema tipografi untuk desain website baru dan landing page
- Temukan font komplementer untuk blog dan tata letak editorial
- Prototipe kombinasi font sebelum menetapkan sistem desain
- Hasilkan CSS tipografi yang konsisten untuk sistem desain
- Jelajahi pasangan font serif, sans-serif, dan display dengan cepat
fonts
typography
css
google-fonts
Pertanyaan Umum
Apa itu CSS Font Pairing?
CSS Font Pairing adalah alat CSS online yang membantu Anda menemukan dan mempratinjau pasangan font Google Fonts pilihan, mendukung teks contoh real-time dan pembuatan kode CSS satu klik. Ini berjalan sepenuhnya di browser dan tidak akan mengirim data ke server mana pun.
Berapa banyak pasangan font yang tersedia?
Alat berisi 16 pasangan font Google Fonts pilihan, mencakup kategori sans-serif, serif, monospace, dan display. Anda dapat memfilter berdasarkan kategori untuk menemukan pasangan yang paling cocok.
Bisakah menyesuaikan ukuran font di pratinjau?
Ya, Anda dapat menggunakan kontrol bawaan untuk menyesuaikan ukuran font judul dan teks. Ini memungkinkan Anda melihat efek sebenarnya pada berbagai ukuran sebelum menentukan pasangan.
Apakah CSS Font Pairing gratis digunakan?
Ya, CSS Font Pairing sepenuhnya gratis digunakan. Tidak ada biaya tersembunyi, langganan, atau batasan. Semua fitur terbuka untuk semua orang.
Bisakah menggunakan CSS Font Pairing di ponsel?
Ya, CSS Font Pairing sepenuhnya responsif, mendukung semua perangkat termasuk smartphone, tablet, dan desktop.