Typography

1234568712.png

Anatomy

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

1234568708.png

Glyphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

1234568705.png
1234568706.png
1234568709.png

Weights

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

1234568711.png
1234568703.png

Leading

Trong lĩnh vực thiết kế chữ, Leading là khoảng cách thẳng đứng giữa các dòng văn bản, được đo từ đường cơ sở (baseline) này đến đường cơ sở khác. Leading hợp lý giúp các dòng chữ có đủ không gian, không quá chật chội gây khó đọc, cũng không quá xa khiến người đọc dễ bị đứt mạch. Leading giúp tạo ra hệ thống phân cấp, cải thiện tính dễ đọc và sự hài hòa thị giác, từ đó mang lại trải nghiệm đọc hấp dẫn hơn.

 

Cho tiêu đề

Khi sử dụng cho tiêu đề, phông chữ Raleway cần có leading hẹp để làm nổi bật vẻ ngoài mạnh mẽ, tiêu đề thường lớn, việc giảm khoảng cách dọc giữa các dòng sẽ giúp giữ bố cục chữ không bị lỏng. Để đạt được sự rõ ràng và hài hòa về mặt thẩm mỹ, chúng tôi khuyến nghị đặt leading cho Raleway ở mức khoảng 120–140% kích thước phông chữ.

Type leading_heading.png

Cho phần nội dung

 

Khi sử dụng cho phần nội dung chính, phông chữ Raleway cần leading rộng rãi để đảm bảo người đọc cảm thấy thoải mái, đặc biệt là trong các bố cục dày đặc thông tin. Dáng chữ sạch và thoáng của phông này sẽ phát huy tốt nhất với khoảng cách dọc được tăng lên một chút, giúp mỗi dòng chữ có không gian "thở". Để có trải nghiệm đọc tốt nhất, chúng tôi khuyến nghị đặt leading ở mức khoảng 130–140% kích thước phông chữ.

Type leading_heading1.png

Hierarchy

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Type hierarchy.png
1234568704.png

Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Avatar

Cōsmo