Font
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Ganti semua instance Roboto dengan Roboto Flex. Sesuaikan skala huruf dasar
yang dioptimalkan untuk smartwatch dan bahasa desain Ekspresif Material 3.
Menggunakan sumbu variabel, lebar dan ketebalan variabel untuk menyeleksi cara kita menata gaya tampilan
besar dan teks judul untuk meningkatkan gaya dan memberikan lebih banyak utilitas serta keterbacaan
untuk ukuran yang lebih kecil.
Roboto Flex
Roboto Flex menawarkan serangkaian sumbu variabel yang melayani kasus penggunaan aplikasi Anda.
Sumbu yang dapat disesuaikan
Meskipun font variabel dapat memiliki banyak atribut font variabel untuk
ekspresi, ada dua atribut gaya (atau sumbu) yang dapat disesuaikan yang
paling sesuai untuk desain produk: ketebalan dan lebar.
Berat
Ketebalan adalah atribut utama yang menentukan ketebalan stroke
jenis huruf secara keseluruhan dalam font tertentu. Ketebalan yang paling umum adalah biasa dan
tebal, tetapi ketebalan dapat mencakup ekstrem dari sangat ringan hingga sangat tebal. Jika
variabel, typeface akan memberikan rentang ketebalan stroke
yang lengkap dan berkelanjutan, sehingga jumlah ketebalan secara efektif tidak terbatas.
Yang perlu diingat
warning
Perhatian
Berhati-hatilah saat menggunakan jenis ketebalan yang terlalu ringan untuk teks isi.
Layar beresolusi lebih rendah dapat mengalami kesulitan dengan tipografi yang halus, terutama
tipografi kecil. Gunakan ketebalan yang lebih ringan pada ukuran font yang lebih besar, seperti jenis
tampilan.
warning
Perhatian
Sebaliknya, ketebalan yang berlebihan pada ukuran yang lebih kecil dapat memengaruhi
keterbacaan. Huruf yang terlalu tebal mungkin sulit dibaca.
Lebar
Lebar adalah hasil dari besaran ruang horizontal yang digunakan oleh
karakter jenis huruf. Lebar yang sempit memungkinkan lebih banyak karakter sesuai per baris,
sedangkan lebar yang lebih lebar dapat menawarkan lebih banyak kepribadian.
Yang perlu diingat
check_circle
Anjuran
Lebar yang lebih tipis dapat memungkinkan lebih banyak karakter untuk menyesuaikan dengan
ukuran kecil, seperti nama atau angka panjang.
cancel
Larangan
Karena gaya yang lebih lebar menghabiskan lebih banyak ruang, hindari menggunakannya untuk
area dengan ruang terbatas, seperti di header halaman aplikasi.
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-27 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-27 UTC."],[],[],null,["# Fonts\n\nReplace all instances of Roboto with Roboto Flex. Tailor a baseline type scale\nthat is optimized for the watch and the Material 3 Expressive design language.\n\nUsing variable axis, variable width and weight to curate how we style big\ndisplay and title text to elevate style and bring more utility and legibility\nfor smaller sizes.\n\nRoboto Flex\n-----------\n\n\nRoboto Flex offers a set of variable axis that serves your app's use cases. \n\n\u003cbr /\u003e\n\nAdjustable axes\n---------------\n\nWhile variable fonts can have a multitude of variable font attributes for\nexpression, there are two customizable stylistic attributes (or axes) that are\nmost applicable for product design: weight and width.\n\n### Weight\n\n\n[Weight](https://fonts.google.com/knowledge/choosing_type/exploring_typefaces_with_multiple_weights_or_grades) is the primary attribute that defines the overall thickness of a\ntypeface's strokes in any given font. The most common weights are regular and\nbold, but weights can cover extremes from the very light to the very heavy. If\nthe typeface is variable, it provides a full, continuous range of stroke\nthicknesses, making the number of weights effectively unlimited. \n\n\u003cbr /\u003e\n\n#### Things to remember\n\nwarning\n\n### Caution\n\nBe careful of using too light a weight type for body text.\nLower resolution displays can struggle with delicate, especially small\ntypography. Use lighter weights at larger font sizes, such as display\ntype. \nwarning\n\n### Caution\n\nConversely, excessive weight at smaller sizes may affect\nlegibility. Too thick a type may be difficult to read.\n\n### Width\n\n\n[Width](https://fonts.google.com/knowledge/glossary/width) is the result of how much horizontal space is taken up by a\ntypeface's characters. A narrow width allows more characters to fit per line\nwhile a wider width may offer more personality. \n\n\u003cbr /\u003e\n\n#### Things to remember\n\ncheck_circle\n\n### Do\n\nA thinner width can allow for more characters to fit at\nsmall sizes, such as name or a long number. \ncancel\n\n### Don't\n\nSince wider styles take up more space, avoid using them for\nareas with limited space, such as in the app page header."]]
