Alat Tipografi

Alat interaktif gratis untuk pemilihan font, pasangan, dan pembuatan CSS. Semuanya berjalan di browser Anda.

Generator Pasangan Font

Pilih font dan dapatkan pasangan yang direkomendasikan AI dengan pratinjau langsung.

Buka alat →

Pratinjau Font

Pratinjau Google Font dengan teks, ukuran, bobot, dan warna kustom.

Buka alat →

Bandingkan Font

Bandingkan 2-4 font secara berdampingan dengan teks sampel yang identik.

Buka alat →

Kalkulator Skala Tipe

Buat skala tipe yang harmonis menggunakan rasio seperti 1,25, 1,333, 1,5.

Buka alat →

Pembangun Tumpukan Font

Buat tumpukan CSS font-family dengan fallback yang aman untuk web.

Buka alat →

Generator Kode CSS

Buat kode CSS @import dan font-family siap pakai untuk Google Font apapun.

Buka alat →

Pemeriksa Kontras

Periksa rasio kontras warna teks/latar belakang terhadap standar WCAG AA dan AAA.

Buka alat →

Kalkulator Tipe Fluid

Buat deklarasi CSS clamp() untuk tipografi responsif fluid antara ukuran viewport.

Buka alat →

Konverter px / rem / em

Konversi antara satuan px, rem, em, dan pt secara instan. Atur ukuran font dasar Anda.

Buka alat →

Font Pairing Tool

Find perfect font pairings from Google Fonts. Preview heading and body combinations live with adjustable sizes, weights, and colors.

Buka alat →

Taman Bermain Variable Font

Jelajahi sumbu variable font secara interaktif — bobot, lebar, kemiringan, dan ukuran optis.

Buka alat →

Frequently Asked Questions

Yes, all typography tools are completely free with no sign-up required. They run entirely in your browser using JavaScript — no data is sent to a server.
Yes. All tools are fully responsive and work on phones, tablets, and desktops. The interactive controls adapt to smaller screens, though some tools like the font compare are most useful on wider viewports.
All modern browsers are supported: Chrome, Firefox, Safari, and Edge. The tools use standard web technologies (CSS, JavaScript, Alpine.js) with no special plugins required. Internet Explorer is not supported.
Google Fonts is a free, open-source library of over 1,700 font families that you can use in any web project. Fonts are served from Google's CDN for fast loading. FontFYI tools use Google Fonts data to let you preview, pair, and generate CSS for any available font.
The tools have access to all 1,911 fonts in the Google Fonts library, covering serif, sans-serif, display, handwriting, and monospace categories. The font list is regularly updated when Google adds new fonts.
Yes. Google Fonts includes fonts for many scripts including Arabic, Chinese, Japanese, Korean, Devanagari, Thai, and more. You can preview and pair these fonts just like Latin fonts. The preview tool lets you enter text in any language to test how a font handles your script.