Typographie
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
La typographie permet de rendre le texte à l'écran ou dans l'interface utilisateur lisible et esthétique. Les styles de police incluent les styles "display", "title", "label", "body", "arc" et "numerals".
Utilisez des jetons pour définir la police, la hauteur de ligne, la taille, l'espacement, la largeur et l'épaisseur.
Axe de police variable en mouvement
Utilisez une axe de police variable pour signaler des retours sur le mouvement expressif et rendre les interactions plus expressives et agréables à utiliser.
Exemples de cas d'utilisation:
- Épaisseur de police dynamique
- Largeur de police dynamique
- Épaisseur et largeur de police dynamiques
Jetons
Les jetons attribuent le style de type d'un élément à l'aide d'une valeur configurable plutôt que d'une valeur définie, ce qui facilite considérablement la gestion des styles et des thèmes.
Rôles de type
En plus d'une échelle de type mise à jour et optimisée, nous lançons également de nouveaux rôles de type qui servent spécifiquement des modèles notables sur Wear.
- Utilisation de plus de cas d'utilisation avec le texte Arc, comme les titres de pages ou les descripteurs à hauteur fixe avec un espace limité, comme les superpositions de confirmation.
- Rôle de type spécifiquement pour les chiffres afin que nous puissions utiliser des tailles de texte plus grandes et plus stylisées pour les chaînes qui n'ont pas besoin d'être localisées ni de bénéficier d'un espacement mono ou tabulaire lors de l'animation, comme les sélecteurs.
Ressource: Bibliothèque Google Fonts
Parcourez un large éventail de polices. Une fois que vous avez recherché et sélectionné la police de votre choix, des options s'affichent dans le panneau de droite pour redimensionner, recolorer et copier la police personnalisée dans le presse-papiers.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/26 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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"]]
