Phông chữ

Thay thế tất cả các bản sao của Roboto bằng Roboto Flex. Điều chỉnh thang kiểu chữ cơ sở được tối ưu hoá cho đồng hồ và ngôn ngữ thiết kế Material 3 Expressive.

Sử dụng trục biến, chiều rộng và độ đậm biến để điều chỉnh cách chúng ta tạo kiểu cho màn hình lớn và văn bản tiêu đề nhằm nâng cao kiểu dáng, đồng thời mang lại nhiều tiện ích và dễ đọc hơn cho các kích thước nhỏ hơn.

Roboto Flex

Roboto Flex cung cấp một bộ trục biến thể phục vụ các trường hợp sử dụng của ứng dụng.

Trục có thể điều chỉnh

Mặc dù phông chữ biến thể có thể có nhiều thuộc tính phông chữ biến thể để biểu đạt, nhưng có hai thuộc tính kiểu (hoặc trục) có thể tuỳ chỉnh phù hợp nhất với thiết kế sản phẩm: độ đậm và chiều rộng.

Cân nặng

Độ đậm là thuộc tính chính xác định độ dày tổng thể của nét chữ trong bất kỳ phông chữ nào. Độ đậm phổ biến nhất là thông thường và đậm, nhưng độ đậm có thể bao gồm các mức độ cực đoan từ rất nhạt đến rất đậm. Nếu phông chữ có thể thay đổi, thì phông chữ đó sẽ cung cấp một dải độ dày nét liên tục, đầy đủ, giúp số lượng độ đậm không bị giới hạn một cách hiệu quả.

Những điều cần nhớ

Cảnh báo

Hãy cẩn thận khi sử dụng loại phông chữ quá nhạt cho văn bản nội dung. Màn hình có độ phân giải thấp hơn có thể gặp khó khăn với kiểu chữ tinh tế, đặc biệt là kiểu chữ nhỏ. Sử dụng độ đậm nhạt hơn ở cỡ chữ lớn hơn, chẳng hạn như kiểu hiển thị.

Cảnh báo

Ngược lại, độ đậm quá mức ở kích thước nhỏ hơn có thể ảnh hưởng đến khả năng đọc. Kiểu chữ quá dày có thể khó đọc.

Chiều rộng

Chiều rộng là kết quả của không gian theo chiều ngang mà các ký tự của phông chữ chiếm dụng. Chiều rộng hẹp cho phép nhiều ký tự hơn vừa với mỗi dòng, trong khi chiều rộng rộng hơn có thể mang lại nhiều cá tính hơn.

Những điều cần nhớ

Nên

Chiều rộng mỏng hơn có thể giúp nhiều ký tự hơn vừa với kích thước nhỏ, chẳng hạn như tên hoặc số dài.

Không nên

Vì các kiểu rộng hơn sẽ chiếm nhiều không gian hơn, nên hãy tránh sử dụng các kiểu đó cho các khu vực có không gian hạn chế, chẳng hạn như trong tiêu đề trang ứng dụng.