Типография
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Типографика помогает сделать текст на экране или текст в пользовательском интерфейсе разборчивым и красивым. Стили шрифта включают: display, title, label, body, arc и numerals. Используйте токены для определения шрифта, высоты строки, размера, трекинга, ширины и веса.
Ось переменного шрифта в движении
Используйте переменную ось шрифта, чтобы обеспечить выразительную обратную связь по движению и сделать взаимодействие более выразительным и приятным в использовании.
Примеры вариантов использования:
- Динамическая толщина шрифта
- Динамическая ширина шрифта
- Динамическая толщина и ширина шрифта
Жетоны
Токены назначают стиль типа элемента с помощью настраиваемого значения, а не заданного значения, что значительно упрощает управление стилями и темами.
Тип ролей
Наряду с обновленной и оптимизированной шкалой шрифтов мы также представляем новые роли шрифтов, которые специально обслуживают заметные узоры на Wear.
- Рассматриваем больше вариантов использования Arc Text, например, заголовки страниц фиксированной высоты или дескрипторы с ограниченным пространством, например, наложения подтверждений.
- Роль типа, предназначенная специально для цифр, чтобы мы могли использовать более крупные и стилизованные размеры текста для строк, которые не нужно локализовать, или использовать преимущества моно- или табличного интервала при анимации, например, для выбора.
Ресурс: библиотека Google Fonts
Поиск среди большого разнообразия шрифтов . После того, как вы найдете и выберете нужный шрифт, на правой панели появятся параметры для изменения размера, цвета и копирования настроенного шрифта в буфер обмена.
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-29 UTC.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2025-07-29 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"]]
