nhãn:

< thân hình >
< div lớp học = 'nội dung' >
< h1 > Chào mừng bạn đến với Gợi ý Linux. < / h1 >
< P > Một trang web cổng thông tin phổ biến Linux Hint đang cung cấp thông tin tuyệt vời về các chủ đề khoa học máy tính. < / P >
< / div >
< / thân hình >

Bước 2: Áp dụng CSS
Đầu tiên, đặt “ cỡ chữ ' ĐẾN ' 16px ” và “chiều cao dòng” thành “ 1,5 ”. Ngoài ra còn đặt phông chữ cho

Và

thẻ:

thân hình {
Họ phông chữ: sans-serif;
nét chữ- kích cỡ : 18px;
đường kẻ- chiều cao : 1,5 ;
}

h1 {
chữ- căn chỉnh : trung tâm;
nét chữ- kích cỡ : 26px;
}

P {
nét chữ- kích cỡ : 18px;
}

đầu ra
Đây là đầu ra của mã phù hợp với mọi kích thước màn hình:

---

---

Bước 3: Áp dụng truy vấn phương tiện

• Đầu tiên, đề cập đến '@đề cập đến' gắn thẻ và chỉ định kích thước màn hình “ 768px ” đến “ chiều rộng tối đa ' tài sản. Kích thước màn hình này sẽ áp dụng cho tất cả các màn hình có kích thước bằng hoặc nhỏ hơn “ 768px ”.
• Sau đó, chỉ định kích thước phông chữ cho ,

  , Và

  thẻ:

@ phương tiện truyền thông ( tối đa- chiều rộng : 768px ) {
thân hình {
nét chữ- kích cỡ : 16px;
đường kẻ- chiều cao : 1,5 ;
}

h1 {
nét chữ- kích cỡ : 22px;
}

P {
nét chữ- kích cỡ : 14
}
}

Dưới đây là kết quả sau khi áp dụng truy vấn phương tiện. Truy vấn phương tiện được thiết kế cho các thiết bị có kích thước màn hình bằng hoặc nhỏ hơn “ 768px ”:

Phần kết luận

Để nâng cao khả năng đọc bằng cách định cỡ phông chữ, trước tiên, hãy phát triển ý thức về khả năng đọc và cỡ chữ. Hơn nữa, hãy hiểu các kích thước phông chữ và thẻ phông chữ khác nhau. Chọn cỡ chữ phù hợp rồi chọn độ cao dòng phù hợp. Thông thường, chiều cao của dòng bằng 1,2 lần cỡ chữ. Hơn nữa, hãy chọn họ phông chữ phù hợp với nội dung web. Bài viết này đã chứng minh cách thực tế của việc nâng cao khả năng đọc bằng kích thước phông chữ.