Foundation - Người trợ giúp về kiểu chữ

Trong chương này, chúng ta sẽ nghiên cứu về Typography Helpers. Trình trợ giúp về kiểu chữ được sử dụng để định dạng văn bản của bạn theo những cách phù hợp về mặt ngữ nghĩa. Các lớp trợ giúp trong Foundation cho phép bạn tạo ra một số kiểu chữ nhanh hơn.

Bảng sau liệt kê các Trợ giúp về Kiểu chữ , được sử dụng trong Foundation.

Sr.No.	Trình trợ giúp & Mô tả kiểu chữ
1	Căn chỉnh văn bản Nó giúp thay đổi căn chỉnh văn bản của phần tử như trái , phải , giữa và căn đều .
2	Tiêu đề phụ Tiêu đề con có thể được thêm vào bất kỳ phần tử tiêu đề nào bằng cách sử dụng lớp .subheader .
3	Đoạn đầu Đây là khối văn bản lớn hơn đáng kể so với văn bản bình thường, có thể được sử dụng cho quảng cáo hoặc văn bản mô tả khác.
4	Danh sách không có dấu đầu dòng Theo mặc định, <ul> là một danh sách có dấu đầu dòng trong Foundation. Để loại bỏ các viên đạn, bạn có thể sử dụng lớp .no-bullet .
5	Số liệu thống kê Bất cứ khi nào bạn xử lý bảng điều khiển, bạn cần đánh dấu một số con số quan trọng. Bạn có thể đạt được điều này bằng cách sử dụng lớp .stat .

Tham khảo Sass

Biến

Bảng sau đây liệt kê các biến SASS trong tệp cài đặt của dự án làm cho các kiểu mặc định của thành phần được tùy chỉnh.

Sr.No.	Tên & Mô tả	Kiểu	Giá trị mặc định
1	$lead-font-size Kích thước phông chữ cho các đoạn dẫn theo mặc định.	Con số	$ global-font-size * 1.25
2	$lead-lineheight Chiều cao dòng cho đoạn dẫn theo mặc định.	Chuỗi	1,6
3	$subheader-lineheight Chiều cao dòng mặc định của tiêu đề phụ.	Con số	1,4
4	$subheader-color Màu phông chữ mặc định của tiêu đề phụ.	Màu sắc	$ xám đen
5	$subheader-font-weight Trọng lượng phông chữ mặc định của tiêu đề phụ.	Chuỗi	$ global-weight-normal
6	$subheader-margin-top Lề trên mặc định của Subheader.	Con số	0,2rem
7	$subheader-margin-bottom Lề dưới mặc định của tiêu đề phụ.	Con số	0,5rem
số 8	$stat-font-size Kích thước phông chữ mặc định của số tĩnh	Con số	2,5rem