Tipi di carattere
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Sostituisci tutte le istanze di Roboto con Roboto Flex. Personalizza una scala di tipi di base ottimizzata per lo smartwatch e il linguaggio di design espressivo Material 3.
Utilizzo di assi variabili, larghezza e spessore variabili per definire lo stile del testo grande visualizzato e del titolo al fine di migliorare lo stile e offrire maggiore utilità e leggibilità per le dimensioni più piccole.
Roboto Flex
Roboto Flex offre un insieme di assi variabili che soddisfano i casi d'uso della tua app.
Assi regolabili
Sebbene i caratteri variabili possano avere una moltitudine di attributi per esprimere la variabilità, esistono due attributi stilistici (o assi) personalizzabili più adatti per il design dei prodotti: spessore e larghezza.
Peso
Peso è l'attributo principale che definisce lo spessore complessivo dei tratti di un carattere in un determinato carattere. I caratteri più comuni sono quelli normali e in grassetto, ma possono essere utilizzati caratteri da molto leggeri a molto pesanti. Se il carattere è variabile, offre un'ampia gamma continua di spessori dei tratti, rendendo il numero di spessori praticamente illimitato.
Fattori da tenere in considerazione
warning
Attenzione
Fai attenzione a non utilizzare un tipo di carattere troppo leggero per il testo del corpo.
Gli schermi a bassa risoluzione possono avere difficoltà con la tipografia delicata, in particolare se di piccole dimensioni. Utilizza spessori più sottili per caratteri di dimensioni maggiori, ad esempio il tipo di carattere visualizzato.
warning
Attenzione
Al contrario, un peso eccessivo a dimensioni ridotte può influire sulla leggibilità. Un carattere troppo spesso potrebbe essere difficile da leggere.
Larghezza
La larghezza è il risultato dello spazio orizzontale occupato dai caratteri di un carattere. Una larghezza ridotta consente di inserire più caratteri per riga, mentre una larghezza maggiore può offrire più personalità.
Fattori da tenere in considerazione
check_circle
Cosa fare
Una larghezza più sottile può consentire di adattare più caratteri a dimensioni ridotte, ad esempio un nome o un numero lungo.
cancel
Cosa non fare
Poiché gli stili più larghi occupano più spazio, evita di utilizzarli per le aree con spazio limitato, ad esempio nell'intestazione della pagina dell'app.
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-07-27 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 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."]]
