Polices
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Remplacez toutes les instances de Roboto par Roboto Flex. Personnalisez une échelle de type de référence optimisée pour la montre et le langage de conception Material 3 Expressive.
Utilisation d'une variable d'axe, de largeur et d'épaisseur pour définir la façon dont nous stylisons le texte des grands écrans et des titres afin d'améliorer le style, et d'apporter plus d'utilité et de lisibilité pour les tailles plus petites.
Roboto Flex
Roboto Flex propose un ensemble d'axes variables qui répondent aux cas d'utilisation de votre application.
Axes réglables
Bien que les polices variables puissent avoir une multitude d'attributs de police variables pour l'expression, il existe deux attributs stylistiques (ou axes) personnalisables qui sont les plus applicables à la conception de produits: l'épaisseur et la largeur.
Poids
L'attribut Épaisseur est l'attribut principal qui définit l'épaisseur globale des traits d'une police de caractères dans une police donnée. Les épaisseurs les plus courantes sont les épaisseurs standard et en gras, mais les épaisseurs peuvent aller des plus légères aux plus lourdes. Si la typographie est variable, elle offre une plage complète et continue d'épaisseurs de trait, ce qui rend le nombre de graisses pratiquement illimité.
Éléments à retenir
warning
Attention
Veillez à ne pas utiliser une épaisseur de police trop légère pour le corps du texte.
Les écrans à basse résolution peuvent avoir du mal à afficher des typographies délicates, en particulier de petite taille. Utilisez des épaisseurs plus légères pour les tailles de police plus grandes, comme les polices d'affichage.
warning
Attention
À l'inverse, une épaisseur excessive à des tailles plus petites peut affecter la lisibilité. Une typographie trop épaisse peut être difficile à lire.
Largeur
La largeur correspond à l'espace horizontal occupé par les caractères d'une police. Une largeur étroite permet de placer plus de caractères par ligne, tandis qu'une largeur plus large peut offrir plus de personnalité.
Éléments à retenir
check_circle
À faire
Une largeur plus étroite peut permettre d'afficher plus de caractères à petite taille, comme un nom ou un long numéro.
cancel
À éviter
Étant donné que les styles plus larges prennent plus de place, évitez de les utiliser pour les zones à espace limité, comme l'en-tête de la page de l'application.
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/27 (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/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."]]
