Yazı tipleri
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Roboto'nun tüm örneklerini Roboto Flex ile değiştirin. Kol saati ve Material 3 Expressive tasarım dili için optimize edilmiş bir temel yazı tipi ölçeği oluşturun.
Büyük ekran ve başlık metinlerine stil verirken stili yükseltmek ve daha küçük boyutlar için daha fazla fayda ve okunabilirlik sağlamak amacıyla değişken eksen, değişken genişlik ve ağırlık kullanın.
Roboto Flex
Roboto Flex, uygulamanızın kullanım alanlarına hizmet eden bir dizi değişken eksen sunar.
Ayarlanabilir eksenler
Değişken yazı tipleri, ifade için çok sayıda değişken yazı tipi özelliğine sahip olsa da ürün tasarımı için en uygun iki özelleştirilebilir stil özelliği (veya ekseni) vardır: kalınlık ve genişlik.
Kilo
Kalınlık, belirli bir yazı tipindeki yazı karakteri çizgilerinin genel kalınlığını tanımlayan birincil özelliktir. En yaygın ağırlıklar normal ve kalındır ancak ağırlıklar çok hafiften çok ağıra kadar değişebilir. Değişken yazı tipi, kesintisiz bir kalınlık aralığı sunar. Bu sayede, kalınlık sayısı sınırsız olur.
Unutulmaması gerekenler
warning
Dikkat
Gövde metni için çok ince bir ağırlık türü kullanmamaya dikkat edin.
Düşük çözünürlüklü ekranlar, özellikle küçük yazı tipleri gibi hassas yazı tipleriyle ilgili sorunlar yaşayabilir. Görüntü yazı tipi gibi daha büyük yazı tipi boyutlarında daha ince ağırlıklar kullanın.
warning
Dikkat
Buna karşılık, küçük boyutlarda aşırı ağırlık okunabilirliği etkileyebilir. Çok kalın yazıların okunması zor olabilir.
Genişlik
Genişlik, bir yazı tipinin karakterlerinin kapladığı yatay alanın sonucudur. Dar bir genişlik, satır başına daha fazla karakter sığdırırken daha geniş bir genişlik daha fazla kişilik sunabilir.
Unutulmaması gerekenler
check_circle
Yapılması gerekenler
Daha ince bir genişlik, küçük boyutlarda daha fazla karakterin (ör. ad veya uzun sayı) sığmasına olanak tanıyabilir.
cancel
Yapılmaması gerekenler
Daha geniş stiller daha fazla yer kapladığından, uygulama sayfası başlığı gibi sınırlı alana sahip alanlar için bunları kullanmaktan kaçının.
Bu sayfadaki içerik ve kod örnekleri, İçerik Lisansı sayfasında açıklanan lisanslara tabidir. Java ve OpenJDK, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-27 UTC.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 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."]]
