Typografia
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Typografia pomaga uczynić tekst na ekranie lub w interfejsie czytelnym i estetycznym. Styl czcionki może być wyświetlany jako tekst, tytuł, etykieta, tekst, łuk lub cyfra.
Użyj tokenów, aby określić czcionkę, wysokość linii, rozmiar, śledzenie, szerokość i grubość.
Osie czcionki zmiennej w ruchu
Użyj zmiennej osi czcionki, aby sygnalizować wyraziste informacje zwrotne dotyczące ruchu i uczynić interakcje bardziej wyraziste i przyjemniejsze w użyciu.
Przykładowe zastosowania:
- Dynamiczna grubość czcionki
- Dynamiczna szerokość czcionki
- Dynamiczna grubość i szerokość czcionki
Tokeny
Tokeny przypisują styl elementu na podstawie wartości konfigurowalnej, a nie wartości ustawionej, co znacznie ułatwia zarządzanie stylami i motywami.
Typy ról
Oprócz zaktualizowanej i zoptymalizowanej skali typów wprowadzamy też nowe role typów, które służą do wyświetlania wyróżnionych wzorów na Wear.
- Wykorzystanie tekstu Arc w większej liczbie przypadków, np. w tytułach stron o stałej wysokości lub w przypadku opisów w ograniczonej przestrzeni, takich jak nakładki potwierdzenia.
- Typ roli przeznaczony specjalnie do cyferek, dzięki któremu możemy stosować większe i bardziej stylizowane rozmiary tekstu w przypadku ciągów znaków, które nie wymagają lokalizacji ani nie korzystają z interpolacji monochromatycznej ani interpolacji tablicowej podczas animacji, np. selektorów.
Zasób: Biblioteka Google Fonts
Przeszukaj wiele czcionek. Po wyszukaniu i wybraniu odpowiedniego czcionki w panelu po prawej stronie pojawią się opcje zmiany rozmiaru, koloru i kopiowania niestandardowej czcionki do schowka.
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-26 UTC.
[null,null,["Ostatnia aktualizacja: 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"]]
