Kiểu chữ
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Kiểu chữ giúp văn bản trên màn hình hoặc văn bản trên giao diện người dùng dễ đọc và đẹp mắt. Các kiểu chữ bao gồm: hiển thị, tiêu đề, nhãn, nội dung, vòng cung và chữ số.
Sử dụng mã thông báo để xác định phông chữ, khoảng cách giữa các dòng, kích thước, độ theo dõi, chiều rộng và độ đậm.
Trục phông chữ biến đổi đang chuyển động
Sử dụng trục phông chữ biến để báo hiệu phản hồi chuyển động biểu cảm và giúp các lượt tương tác trở nên biểu cảm và thú vị hơn khi sử dụng.
Ví dụ về trường hợp sử dụng:
- Độ đậm phông chữ động
- Chiều rộng phông chữ động
- Độ đậm và chiều rộng phông chữ động
Mã thông báo
Mã thông báo chỉ định kiểu chữ của một phần tử theo giá trị có thể định cấu hình, thay vì giá trị đã đặt, giúp việc quản lý kiểu và giao diện dễ dàng hơn đáng kể.
Loại vai trò
Cùng với tỷ lệ kiểu mới được cập nhật và tối ưu hoá, chúng tôi cũng ra mắt các vai trò kiểu mới dành riêng cho các mẫu nổi bật trên Wear.
- Tận dụng nhiều trường hợp sử dụng hơn với Văn bản cong, chẳng hạn như tiêu đề trang có chiều cao cố định hoặc mô tả có không gian hạn chế, chẳng hạn như lớp phủ xác nhận.
- Vai trò loại dành riêng cho Số để chúng ta có thể sử dụng các cỡ văn bản lớn hơn và có kiểu hơn cho các chuỗi không cần bản địa hoá hoặc hưởng lợi từ khoảng cách đơn sắc hoặc dạng bảng khi tạo ảnh động, chẳng hạn như bộ chọn.
Tài nguyên: Thư viện Google Fonts
Tìm kiếm trong một loạt phông chữ. Sau khi bạn tìm kiếm và chọn phông chữ mình muốn, các tuỳ chọn sẽ xuất hiện trong bảng điều khiển bên phải để đổi kích thước, đổi màu và sao chép phông chữ đã tuỳ chỉnh vào bảng nhớ tạm.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-26 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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"]]