Schriftarten
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Ersetzen Sie alle Instanzen von Roboto durch Roboto Flex. Passen Sie eine Schriftartskala an, die für die Smartwatch und die expressive Designsprache von Material 3 optimiert ist.
Mithilfe einer variablen Achse, variabler Breite und variabler Schriftstärke wird der Stil von großen Display- und Titeltexten optimiert, um den Stil zu verbessern und bei kleineren Größen mehr Funktionalität und Lesbarkeit zu bieten.
Roboto Flex
Roboto Flex bietet eine Reihe variabler Achsen, die den Anwendungsfällen Ihrer App entsprechen.
Verstellbare Achsen
Variable Schriftarten können eine Vielzahl von Schriftattributen für die Ausdrucksweise haben. Es gibt jedoch zwei anpassbare Stilattribute (oder Achsen), die sich am besten für das Produktdesign eignen: Stärke und Breite.
Gewicht
Schriftschnitt ist das primäre Attribut, das die Gesamtstärke der Striche eines Schriftbilds in einer bestimmten Schriftart definiert. Die gängigsten Gewichte sind „normal“ und „fett“, aber es gibt auch extreme Gewichte, von sehr leicht bis sehr schwer. Bei einer variablen Schriftart gibt es einen vollständigen, kontinuierlichen Bereich von Strichstärken, sodass die Anzahl der Schriftschnitte praktisch unbegrenzt ist.
Beachte bitte Folgendes
warning
Achtung
Verwenden Sie für den Fließtext keine zu dünne Schriftart.
Auf Displays mit niedriger Auflösung kann es bei filigraner, insbesondere kleiner Typografie zu Problemen kommen. Verwenden Sie bei größeren Schriftgrößen, z. B. bei Displayschrift, eine geringere Schriftstärke.
warning
Achtung
Umgekehrt kann ein zu hoher Schriftschnitt bei kleineren Schriftgrößen die Lesbarkeit beeinträchtigen. Zu dicke Schrift ist möglicherweise schwer zu lesen.
Breite
Die Breite ergibt sich aus dem horizontalen Raum, den die Zeichen eines Schrifttyps einnehmen. Bei einer schmalen Breite passen mehr Zeichen pro Zeile, während eine breitere Breite mehr Individualität bietet.
Beachte bitte Folgendes
check_circle
Dos
Bei einer geringeren Breite können bei kleinen Schriftgrößen mehr Zeichen untergebracht werden, z. B. ein Name oder eine lange Zahl.
cancel
Don'ts
Da breitere Stile mehr Platz beanspruchen, sollten Sie sie nicht für Bereiche mit begrenztem Platz verwenden, z. B. im Kopfbereich der App-Seite.
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-07-27 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 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."]]
