Lompat ke konten
Aback Tools Logo

Pratinjau Ketebalan Font

Lihat semua ketebalan yang tersedia (100-900) dari Google Font mana pun berdampingan dengan pratinjau ketebalan font gratis kami. Pilih font, ketik teks Anda sendiri, dan bandingkan Thin, Light, Regular, Medium, Bold, serta Black dalam satu tampilan. Salin deklarasi CSS font-weight untuk ketebalan mana pun dengan satu klik. Tanpa pendaftaran.

Font Weight Previewer

Select any Google Font and preview all available weights (100-900) side by side with your own text. Compare Thin, Light, Regular, Medium, Bold, and Black in one view. All fonts load directly from Google Fonts - no signup required.

InterSans Serif
100200300400500600700800900
Loading Inter…
CSS Reference
Google Fonts @import
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
Available font-weight values
font-weight: 100; /* Thin */
font-weight: 200; /* ExtraLight */
font-weight: 300; /* Light */
font-weight: 400; /* Regular */
font-weight: 500; /* Medium */
font-weight: 600; /* SemiBold */
font-weight: 700; /* Bold */
font-weight: 800; /* ExtraBold */
font-weight: 900; /* Black */

Mengapa Memakai Pratinjau Ketebalan Font Kami?

  • Pratinjau ketebalan font instan: lihat seketika semua ketebalan yang tersedia dari Google Font mana pun berdampingan. Pratinjau ketebalan font kami memuat font terpilih langsung dari Google Fonts dan menampilkan semua ketebalan - dari Thin (100) hingga Black (900) - dalam satu tampilan tanpa memuat ulang halaman.
  • Pratinjau ketebalan font online yang aman: pratinjau ketebalan font kami berjalan sepenuhnya di browser Anda. Font dimuat langsung dari CDN Google Fonts - tidak ada data yang dikirim ke server, dan teks pratinjau Anda tetap sepenuhnya privat di perangkat Anda.
  • Pratinjau ketebalan font tanpa instalasi: gunakan pratinjau ketebalan font kami langsung di browser apa pun tanpa unduhan, plugin, atau akun. Lihat ketebalan Google Font mana pun dari perangkat mana pun, di mana saja, sepenuhnya gratis.
  • Beberapa mode tampilan: pilih Bertumpuk (baris ukuran penuh), Kompak (baris lebih kecil untuk perbandingan cepat), atau Perbandingan. Saring agar hanya menampilkan ketebalan yang tersedia, atur ukuran pratinjau dari 14 px hingga 48 px, dan salin deklarasi CSS font-weight untuk ketebalan mana pun dengan satu klik.

Kasus Penggunaan Umum Pratinjau Ketebalan Font

  • Memilih ketebalan yang tepat untuk UI: gunakan pratinjau ketebalan font kami untuk membandingkan tampilan font pada berbagai ketebalan sebelum menetapkannya di design system Anda. Lihat apakah 500 atau 600 lebih cocok untuk judul Anda, atau apakah 300 terlalu tipis untuk teks isi pada ukuran target.
  • Merancang skala tipografi: rancang skala tipografi lengkap dengan melihat bagaimana ketebalan saling berinteraksi. Pratinjau ketebalan font kami menampilkan semua ketebalan berdampingan sehingga Anda bisa memilih kombinasi yang tepat untuk judul, subjudul, teks isi, dan keterangan.
  • Riset pasangan font: riset pasangan font dengan melihat rentang ketebalan setiap kandidat. Sebagian font punya dukungan ketebalan terbatas - pratinjau ketebalan font kami menunjukkan dengan jelas ketebalan mana yang tersedia dan mana yang tidak, agar Anda tidak menemukan kekurangan setelah implementasi.
  • Pengujian aksesibilitas dan keterbacaan: uji keterbacaan ketebalan font pada berbagai ukuran. Pratinjau ketebalan font kami memungkinkan Anda mengatur ukuran pratinjau dari 14 px hingga 48 px sambil membandingkan semua ketebalan, membantu memastikan ketebalan pilihan Anda terbaca pada ukuran kecil untuk teks isi.
  • Referensi CSS font-weight: gunakan pratinjau ketebalan font kami sebagai referensi cepat saat menulis CSS. Setiap kartu ketebalan menampilkan nilai angka dan namanya (Thin, Light, Regular, Medium, Bold, dll.) dengan tombol salin satu klik untuk deklarasi CSS font-weight.
  • Presentasi klien dan tinjauan desain: tunjukkan rentang ketebalan lengkap dari font yang diusulkan kepada klien saat tinjauan desain. Pratinjau ketebalan font kami menampilkan font dengan teks merek klien yang sebenarnya, sehingga mudah memperlihatkan bagaimana tampilannya di berbagai konteks UI.

Apa Itu Pratinjau Ketebalan Font?

Pratinjau ketebalan font menampilkan semua varian ketebalan yang tersedia dari suatu tipografi secara berdampingan - dari Thin (100) hingga Black (900) - sehingga Anda bisa membandingkannya secara visual sebelum memilih ketebalan mana yang akan disertakan dalam proyek. Tidak semua font mendukung kesembilan ketebalan; pratinjau ketebalan font kami dengan jelas menunjukkan ketebalan mana yang tersedia pada setiap Google Font dan memudarkan yang tidak tersedia. Semua font dimuat langsung dari CDN Google Fonts - tidak ada data yang dikirim ke server, dan teks pratinjau Anda tetap privat di perangkat Anda.

Cara Kerja Pratinjau Ketebalan Font Kami

  1. Pilih Font: cari Google Font mana pun berdasarkan nama di kotak pencarian. Pratinjau ketebalan font menampilkan lebih dari 80 font yang tersedia beserta kategori dan jumlah ketebalannya. Klik font mana pun untuk memuatnya seketika.
  2. Lihat Semua Ketebalan: pratinjau ketebalan font menampilkan semua ketebalan (100-900) berdampingan dengan teks pratinjau khusus Anda. Ketebalan yang tersedia ditampilkan penuh; yang tidak tersedia dipudarkan. Aktifkan "Hanya tersedia" untuk menyembunyikan yang tidak tersedia.
  3. Salin dan Pakai: klik ikon salin pada kartu ketebalan mana pun untuk menyalin deklarasi CSS font-weight. Bagian Referensi CSS di bawah menyediakan URL @import Google Fonts dan semua nilai font-weight yang tersedia, siap ditempel ke stylesheet Anda.

Referensi CSS font-weight

  • 100 - Thin: ketebalan paling tipis. Gunakan hemat hanya untuk teks display berukuran besar - terlalu tipis untuk teks isi pada ukuran kecil.
  • 300 - Light: sedikit lebih tipis dari regular. Cocok untuk subjudul dan teks sekunder bila dipadukan dengan ketebalan lebih tebal untuk judul.
  • 400 - Regular: ketebalan bawaan. Pilihan standar untuk teks isi dan dasar bagi sebagian besar skala tipografi.
  • 700 - Bold: ketebalan tebal standar. Dipakai untuk judul, penekanan, dan label UI. Ketebalan yang paling banyak dipakai setelah Regular.

Berapa Banyak Ketebalan Font yang Sebaiknya Saya Muat?

Setiap ketebalan yang Anda muat dari Google Fonts menambah permintaan jaringan halaman dan total ukuran berkas font. Untuk sebagian besar proyek, memuat 2-3 ketebalan sudah cukup - biasanya Regular (400), Medium atau SemiBold (500-600) untuk label UI, dan Bold (700) untuk judul. Hindari memuat ketebalan yang tidak Anda pakai. Pratinjau ketebalan font kami membantu Anda mengidentifikasi dengan tepat ketebalan mana yang Anda butuhkan sebelum menambahkannya ke URL impor Google Fonts, sehingga mencegah pemuatan ketebalan yang tidak perlu dan memperlambat halaman.

Pertanyaan yang Sering Diajukan

Pratinjau ketebalan font menampilkan semua varian ketebalan yang tersedia dari suatu tipografi secara berdampingan - dari Thin (100) hingga Black (900). Alat kami memuat font dari Google Fonts dan sepenuhnya berjalan di browser Anda.

100 Thin, 200 ExtraLight, 300 Light, 400 Regular, 500 Medium, 600 SemiBold, 700 Bold, 800 ExtraBold, 900 Black. Tidak semua font mendukung kesembilan ketebalan itu.

Ketebalan yang berwarna abu-abu tidak tersedia pada font yang dipilih. Aktifkan "Hanya tersedia" untuk menyembunyikannya.

Ya. Semuanya berjalan di browser Anda. Teks Anda tidak pernah dikirim ke server mana pun.

Ya! 100% gratis tanpa pendaftaran, tanpa akun, dan tanpa batas penggunaan.