Phông chữ CSS
- Trang trước Mờ văn bản CSS
- Trang tiếp theo Kiểu phông chữ CSS
Việc chọn font đúng đắn cho trang web của bạn rất quan trọng!
Việc chọn font rất quan trọng
Việc chọn font đúng đắn có thể ảnh hưởng lớn đến trải nghiệm người dùng của trang web.
Font đúng đắn có thể tạo ra một hình ảnh mạnh mẽ cho thương hiệu của bạn.
Việc sử dụng font dễ đọc rất quan trọng. Font tăng thêm giá trị cho văn bản của bạn. Việc chọn màu sắc và kích thước văn bản cho font cũng rất quan trọng.
Hệ thống font phổ biến
Trong CSS, có năm hệ thống font phổ biến:
- Font có chân (Serif) - mỗi chữ cái đều có một chấm nhỏ ở mép. Chúng tạo ra một cảm giác hình thức và thanh lịch.
- Font không có chân (Sans-serif) - các đường nét của font đơn giản (không có nét nhỏ). Chúng tạo ra một外观 hiện đại và đơn giản.
- Font rộng đều (Monospace) - tất cả các chữ cái đều có độ rộng cố định. Chúng tạo ra một外观 cơ khí.
- Font viết thư pháp (Cursive) - mô phỏng theo chữ viết của con người.
- Font huyền ảo (Fantasy) - là font trang trí/độc đáo.
Tất cả các tên font khác nhau đều thuộc một trong năm hệ thống font phổ biến này.
Sự khác biệt giữa font Serif và Sans-serif
Lưu ý:Trên màn hình máy tính, font không có chân được coi là dễ đọc hơn font có chân.
Một số ví dụ về font
| Hệ thống font phổ biến | Mẫu tên font |
|---|---|
| Serif | Times New Roman Georgia Garamond |
| Sans-serif | Arial Verdana Helvetica |
| Monospace | Courier New Lucida Console Monaco |
| Cursive | Brush Script MT Lucida Handwriting |
| Fantasy | Copperplate Papyrus |
Thuộc tính font-family trong CSS
Trong CSS, chúng ta sử dụng thuộc tính font-family để quy định font của văn bản.
Thuộc tính font-family nên chứa nhiều tên font như hệ thống dự phòng để đảm bảo tính tương thích cao nhất giữa trình duyệt và hệ điều hành. Hãy bắt đầu với font bạn cần và kết thúc bằng loạt font phổ biến (nếu không có font khác có sẵn, để trình duyệt chọn font tương tự trong loạt font phổ biến). Tên font nên được phân隔 bằng dấu phẩy.
Chú ý:Nếu tên font có nhiều từ, thì phải đặt trong dấu ngoặc kép, ví dụ: "Times New Roman".
Ví dụ
Định nghĩa font khác nhau cho ba đoạn văn:
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
- Trang trước Mờ văn bản CSS
- Trang tiếp theo Kiểu phông chữ CSS
