Czcionki
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Zastąp wszystkie wystąpienia Roboto elementem Roboto Flex. Dostosuj skalę typu podstawowego zoptymalizowaną pod kątem zegarka i języka projektowania Material 3 Expressive.
Używamy zmiennej osi, zmiennej szerokości i ciężaru, aby dostosować styl wyświetlania i tekst tytułu do większych rozmiarów, a także zwiększyć użyteczność i czytelność w przypadku mniejszych rozmiarów.
Roboto Flex
Roboto Flex oferuje zestaw zmiennych osi, które odpowiadają różnym zastosowaniom aplikacji.
Regulowane osie
Chociaż zmienne czcionki mogą mieć wiele atrybutów zmiennych czcionki na potrzeby wyrażania, istnieją 2 atrybuty stylów (lub osie), które są najbardziej przydatne w projektowaniu produktów: grubość i szerokość.
Waga
Średnicę określa się jako główny atrybut, który określa ogólną grubość kresek czcionki w danym czcionce. Najczęstsze wartości to zwykła i pogrubiona, ale można też użyć wartości od bardzo lekkiej do bardzo ciężkiej. Jeśli kroje pisma są zmienne, zapewniają pełny, ciągły zakres grubości kresek, dzięki czemu liczba grubości jest praktycznie nieograniczona.
Rzeczy, o których należy pamiętać
warning
Ostrzeżenie
Uważaj, aby nie używać zbyt lekkiego typu czcionki w tekście głównym.
Wyświetlacze o niższej rozdzielczości mogą mieć problemy z delikatnymi elementami, zwłaszcza z małymi czcionkami. W większych rozmiarach czcionki, takich jak czcionka wyświetlana, używaj czcionek o lżejszą grubości.
warning
Ostrzeżenie
Z drugiej strony, zbyt duża waga w mniejszych rozmiarach może wpływać na czytelność. Zbyt gruby tekst może być trudny do odczytania.
Szerokość
Szerokość to ilość miejsca poziomego zajmowanego przez znaki czcionki. Wąska szerokość pozwala zmieścić więcej znaków na wiersz, a szersza może nadać osobowość.
Rzeczy, o których należy pamiętać
check_circle
Tak
Węższa szerokość może pozwolić na umieszczenie większej liczby znaków w mniejszych rozmiarach, np. nazwy lub długiego numeru.
cancel
Nie
Szersze style zajmują więcej miejsca, dlatego nie używaj ich w obszarach o ograniczonej przestrzeni, np. w nagłówku strony aplikacji.
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-27 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 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."]]
