Tipografi
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Tipografi membantu membuat teks di layar atau teks di UI terbaca dan
indah. Gaya huruf mencakup: display, judul, label, isi, busur, dan angka.
Gunakan token untuk menentukan font, tinggi baris, ukuran, pelacakan, lebar, dan ketebalan.
Sumbu font variabel dalam gerakan
Gunakan sumbu font variabel untuk memberikan sinyal masukan gerakan ekspresif dan membuat
interaksi lebih ekspresif dan menyenangkan untuk digunakan.
Contoh kasus penggunaan:
- Ketebalan font dinamis
- Lebar font dinamis
- Ketebalan dan lebar font dinamis
Token
Token menetapkan gaya jenis elemen berdasarkan nilai yang dapat dikonfigurasi, bukan nilai
yang ditetapkan, sehingga pengelolaan gaya dan tema menjadi jauh lebih mudah.
Peran jenis
Bersama dengan skala jenis yang diperbarui dan dioptimalkan, kami juga memperkenalkan peran jenis
baru yang secara khusus menayangkan pola yang penting di Wear.
- Mempelajari lebih banyak kasus penggunaan dengan Arc Text seperti judul halaman atau
deskripsi dengan tinggi tetap dengan ruang terbatas, seperti overlay konfirmasi.
- Peran jenis khusus untuk Angka sehingga kita dapat menggunakan ukuran teks yang lebih besar dan lebih bergaya untuk string yang tidak perlu dilokalkan atau mendapatkan manfaat dari spasi mono atau tabel saat dianimasikan, seperti pemilih.
Referensi: Koleksi Google Fonts
Telusuri berbagai font. Setelah Anda menelusuri dan memilih font yang diinginkan, opsi akan muncul di panel sebelah kanan untuk mengubah ukuran, mengubah warna, dan menyalin font yang disesuaikan ke papan klip.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-26 UTC.
[null,null,["Terakhir diperbarui pada 2025-07-26 UTC."],[],[],null,["# Typography helps make text on the screen or text on the UI legible and\nbeautiful. Type styles include: display, title, label, body, arc, and numerals.\nUse tokens to define font, line height, size, tracking, width and weight. \n\n\u003cbr /\u003e\n\nVariable font axis in motion\n----------------------------\n\n\nUse a variable font axis to signal expressive motion feedback and making\ninteractions more expressive and delightful to use.\n\nExample use-cases:\n\n- Dynamic font weight\n- Dynamic font width\n- Dynamic font weight and width \n\n\u003cbr /\u003e\n\nTokens\n------\n\n\nTokens assign an element's type style by a configurable value, rather than a set\nvalue, making managing styles and themes considerably easier. \n\n\u003cbr /\u003e\n\nType roles\n----------\n\n\nAlong with an updated and optimized type scale, we are also introducing new type\nroles that specifically serve notable patterns on Wear.\n\n- Leaning into more use-cases with Arc Text like fixed height page titles or descriptors with limited space, such as confirmation overlays.\n- A type role specifically for Numerals so we can lean into bigger and more styled text sizes for strings that don't need to be localized or benefit from mono or tabular spacing when animated, such as pickers. \n\n\u003cbr /\u003e\n\nResource: Google Fonts library\n------------------------------\n\n\nSearch through a [wide variety of fonts](http://fonts.google.com/icons). Once you search for and select the\nfont you want, options will appear in the right-hand panel to resize, recolor,\nand copy the customized font to clipboard. \n\n\u003cbr /\u003e"]]
