Kiểu chữ
Thang độ là một quyết định về mật độ và các kiểu chữ là một quyết định về phông: trang này cho thấy hình dạng được đọc như thế nào, không phải giá trị của nó hôm nay. Chuyển trục phông trong bảng gỡ lỗi và tất cả những gì bên dưới được thiết lập trong một kiểu chữ khác mà không có quy tắc nào thay đổi.
Các họ
--font-family-base
--font-family-heading
--font-family-mono
Trọng số
--font-weight-normal — Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng — 0123456789
--font-weight-medium — Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng — 0123456789
--font-weight-strong — Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng — 0123456789
--font-weight-bold — Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng — 0123456789
Thang kiểu chữ
Hệ thống thiết kế — Các thành phần cho giao diện tuyệt vời
Sử dụng một lần cho mỗi trang. Đặt ngữ cảnh chính. Kết hợp với một đoạn văn ngắn dẫn nhập.
Kiểu chữ thiết lập hệ thống phân cấp và nhịp điệu
Tiêu đề cấp phần. Nhóm nội dung liên quan. Thường được theo sau bởi văn bản chính hoặc các phần phụ.
Khoảng cách và tỷ lệ hình thành khả năng đọc
Tiêu đề cấp phụ. Giới thiệu một chủ đề cụ thể trong một phần.
Màu sắc và độ tương phản hướng dẫn mắt nhìn
Sử dụng cho tiêu đề thẻ, các phần bên cạnh, hoặc nhóm nhỏ.
Trạng thái tương tác cần phải rõ ràng
Nhãn, tiêu đề siêu dữ liệu, nhóm nhỏ. Tinh tế nhưng khác biệt với văn bản chính.
Khả năng tiếp cận là một tính năng, không phải là một suy nghĩ sau cùng
Cấp độ tiêu đề nhỏ nhất. Sử dụng tiết kiệm — cho chú thích, khối luật pháp, hoặc nhãn phụ trợ.