Typografie
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Mithilfe von Typografie lässt sich Text auf dem Bildschirm oder in der Benutzeroberfläche gut lesbar und ansprechend gestalten. Zu den Schriftstilen gehören „Display“, „Titel“, „Label“, „Textkörper“, „Bogen“ und „Ziffern“.
Verwenden Sie Tokens, um Schriftart, Zeilenhöhe, Größe, Tracking, Breite und Stärke zu definieren.
Variable Schriftachse in Bewegung
Verwenden Sie eine variable Schriftachse, um ausdrucksstarkes Bewegungsfeedback zu signalisieren und Interaktionen ausdrucksvoller und angenehmer zu gestalten.
Anwendungsbeispiele:
- Dynamische Schriftstärke
- Dynamische Schriftbreite
- Dynamische Schriftstärke und -breite
Tokens
Mithilfe von Tokens wird dem Schriftstil eines Elements ein konfigurierbarer Wert statt eines festgelegten Werts zugewiesen. Das erleichtert die Verwaltung von Stilen und Themen erheblich.
Rollen eingeben
Neben einer aktualisierten und optimierten Schriftartskala führen wir auch neue Schriftartrollen ein, die speziell für auffällige Muster auf Wear-Geräten geeignet sind.
- Mehr Anwendungsfälle mit Arc Text, z. B. Seitentitel mit fester Höhe oder Beschreibungen mit begrenztem Platz, z. B. Bestätigungs-Overlays.
- Eine Schriftart speziell für Ziffern, damit wir größere und stilvollere Textgrößen für Strings verwenden können, die nicht lokalisiert werden müssen oder bei denen ein einzeiliger oder tabellarischer Abstand bei der Animation von Vorteil ist, z. B. bei Auswahlfeldern.
Ressource: Google Fonts-Bibliothek
Suchen Sie nach einer Vielzahl von Schriftarten. Nachdem Sie die gewünschte Schriftart gesucht und ausgewählt haben, werden im rechten Bereich Optionen angezeigt, mit denen Sie die Größe ändern, die Farbe ändern und die benutzerdefinierte Schriftart in die Zwischenablage kopieren können.
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-26 (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-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"]]
