Direktori Pasangan Fon & Google Fonts

Semua alat

Layari direktori terkurasi Google Fonts popular dengan pratonton langsung, tapis mengikut kategori dan cari mengikut nama, kemudian salin CSS sedia tampal dan terokai cadangan pasangan fon — semuanya dalam pelayar anda.

Saiz 34px

Semuanya berjalan dalam pelayar anda — fon dimuatkan daripada Google Fonts hanya untuk pratonton langsung, tiada muat naik, tiada pendaftaran, percuma sepenuhnya.

Mengenai Direktori Pasangan Fon & Google Fonts

Direktori fon ini mengumpulkan 80 Google Fonts popular dalam satu halaman boleh dicari, setiap satu dipaparkan sebagai spesimen langsung dengan baris sampel pangram, baris abjad dan nombor, serta lencana kategori. Ia meliputi lima keluarga taip — sans-serif, serif, display, handwriting dan monospace — supaya anda boleh membandingkan bentuk huruf sebenar dan bukannya meneka daripada nama.

Setiap kad fon menyertakan cadangan pasangan yang dikurasi: fon rakan yang sesuai bersama untuk tajuk dan teks isi. Mengklik cip pasangan membuka pratonton yang menetapkan tajuk utama dalam satu fon dan perenggan dalam fon yang lain, supaya anda boleh menilai gabungan itu dalam konteks sebelum komited kepadanya.

Apabila fon atau pasangan sesuai, satu klik menyalin CSS sedia tampal — baris @import untuk helaian gaya Google Fonts serta tindanan font-family yang sepadan dengan sandaran yang munasabah. Fon dimuatkan daripada Google Fonts hanya untuk pratonton langsung; apa yang anda taip tidak dimuat naik ke mana-mana.

Cara menggunakan Direktori Pasangan Fon & Google Fonts

  1. Layari kad fon, setiap satu menunjukkan namanya, lencana kategori dan teks sampel langsung ditetapkan dalam taip fon sebenar.
  2. Guna kotak carian untuk mencari fon mengikut nama, atau klik cip kategori (Sans-serif, Serif, Display, Handwriting, Monospace) untuk menapis grid.
  3. Seret slider saiz (16–72 px) untuk mempratonton baris sampel pada saiz tajuk atau teks isi sasaran anda.
  4. Klik cip "Pairs with" atau butang "Preview pairing" untuk melihat tajuk dan perenggan isi ditetapkan dalam gabungan yang dicadangkan.
  5. Klik butang "CSS" pada kad atau dalam pratonton pasangan untuk menyalin baris @import dan deklarasi font-family ke papan keratan anda.

Soalan lazim

Ia menampilkan set terkurasi sebanyak 80 Google Fonts yang digunakan secara meluas merentasi lima kategori: sans-serif, serif, display, handwriting dan monospace. Setiap cip kategori menunjukkan kiraan langsung supaya anda boleh melihat berapa banyak fon sepadan dengan penapis semasa anda.

Setiap fon menyenaraikan satu atau dua fon rakan pilihan tangan yang berkontras baik dengannya — biasanya muka display atau serif untuk tajuk dipadankan dengan fon isi yang mudah dibaca. Pratonton pasangan menunjukkan peranan tajuk dan isi yang tepat bagi setiap gabungan.

Untuk satu fon, anda mendapat baris @import url() untuk titik akhir css2 Google Fonts (berat biasa dan tebal) serta tindanan font-family dengan sandaran generik yang sesuai. Untuk pasangan, anda mendapat kedua-dua import serta deklarasi berasingan untuk tajuk dan isi.

Ya, pratonton langsung memuatkan taip fon daripada CDN Google Fonts — itulah satu-satunya permintaan luaran halaman ini. Carian, pilihan penapis dan CSS yang disalin kekal dalam pelayar anda; tiada apa dimuat naik atau disimpan.

Ya, melayari, mempratonton pasangan dan menyalin CSS semuanya percuma tanpa memerlukan akaun. Taip fon yang disenaraikan adalah Google Fonts, yang sendirinya percuma untuk digunakan dalam projek peribadi dan komersial di bawah lesen terbuka mereka.

Anda boleh melaraskan saiz spesimen di mana-mana antara 16 px hingga 72 px dengan slider saiz, yang mengemas kini setiap kad sekali gus. Ini memudahkan perbandingan calon pada saiz tepat yang anda rancang untuk digunakan bagi tajuk atau teks isi.
Kongsi ini
Alat Berkaitan
Penjana Palet Warna Bina palet warna yang harmoni daripada roda warna interaktif — gunakan peraturan harmoni seperti analogus, komplementari atau triad, kemudian salin sebarang nilai dengan segera. Percuma
Pencampur Warna Campurkan warna mula ke warna akhir merentasi sehingga 10 langkah — pratonton kecerunan, ambil setiap warna dan salin sebarang format dengan segera. Percuma
Penjana Warna Cerah & Gelap Jana julat penuh tint dan warna gelap daripada satu warna — pilih langkah cerah/gelap dan bilangan warna, kemudian salin sebarang nilai dengan segera. Percuma
Pengekstrak Warna Imej Tarik palet warna yang halus dan sedia salin daripada sebarang imej. Percuma
Palet Warna Selamat Web Layari 216 warna selamat web klasik sebagai grid swatch yang boleh diklik — isih mengikut rona atau susunan kubus, tapis mengikut hex, dan salin sebarang nilai HEX atau rgb() dengan segera. Percuma
Pemeriksa Kontras Warna Semak nisbah kontras WCAG antara warna teks dan latar belakang — lihat gred lulus/gagal AA/AAA untuk teks biasa, teks besar dan komponen UI, dengan pratonton langsung dan cadangan warna aksesibel. Percuma
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.