Tipografia
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
La tipografia contribuisce a rendere leggibile e bello il testo sullo schermo o nell'interfaccia utente. Gli stili di carattere includono: visualizzazione, titolo, etichetta, corpo, arco e numeri.
Utilizza i token per definire carattere, altezza della riga, dimensioni, tracking, larghezza e spessore.
Asse del carattere variabile in movimento
Utilizza un asse del carattere variabile per segnalare un feedback espressivo sui movimenti e rendere le interazioni più espressive e piacevoli da usare.
Esempi di casi d'uso:
- Spessore del carattere dinamico
- Larghezza del carattere dinamica
- Spessore e larghezza dei caratteri dinamici
Token
I token assegnano lo stile di tipo di un elemento in base a un valore configurabile anziché a un valore impostato, semplificando notevolmente la gestione di stili e temi.
Tipi di ruoli
Oltre a una scala di tipi aggiornata e ottimizzata, stiamo introducendo anche nuovi ruoli di tipo che pubblicano in modo specifico pattern notevoli su Wear.
- Spostamento verso altri casi d'uso con il testo ad arco, ad esempio titoli di pagina o descrittori con altezza fissa e spazio limitato, come gli overlay di conferma.
- Un ruolo di tipo specifico per i numeri, in modo da poter utilizzare dimensioni di testo più grandi e con uno stile più marcato per le stringhe che non devono essere localizzate o che traggono vantaggio dall'utilizzo di spaziature mono o tabulari quando sono animate, ad esempio i selettori.
Risorsa: libreria Google Fonts
Cerca tra una vasta gamma di caratteri. Dopo aver cercato e selezionato il carattere che ti interessa, nel riquadro a destra vengono visualizzate le opzioni per ridimensionare, ridipingere e copiare il carattere personalizzato negli appunti.
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-26 UTC.
[null,null,["Ultimo aggiornamento 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"]]
