Fonts trong HTML

Phông chữ đóng một vai trò rất quan trọng trong việc làm cho một trang web thân thiện hơn với người dùng và tăng khả năng đọc nội dung. Kiểu và màu phông chữ phụ thuộc hoàn toàn vào máy tính và trình duyệt đang được sử dụng để xem trang của bạn nhưng bạn có thể sử dụng thẻ để thêm kiểu, kích thước và màu sắc cho văn bản trên trang web của mình.

1. Đặt kích thước phông chữ

Bạn có thể đặt kích thước phông chữ nội dung bằng thuộc tính kích thước. Phạm vi của các giá trị được chấp nhận là từ 1 (nhỏ nhất) đến 7 (lớn nhất). Kích thước mặc định của phông chữ là 3.

2. Đặt kiểu cho phông chữ

Bạn có thể đặt kiểu phông chữ bằng thuộc tính kiểu – face  nhưng lưu ý rằng nếu người dùng xem trang không cài đặt phông chữ, họ sẽ không thể nhìn thấy nó. Thay vào đó, người dùng sẽ thấy mặt phông chữ mặc định áp dụng cho máy tính của người dùng.

3. Đặt màu phông chữ

Bạn có thể đặt bất kỳ màu phông chữ nào bạn thích bằng thuộc tính color. Bạn có thể chỉ định màu mà bạn muốn bằng tên màu hoặc mã thập lục phân cho màu đó.

Ví dụ:

Ví dụ về cài fonts

Kết quả

Setting Font Size Font size = "4"
Font size = "7"
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
Đây là văn bản màu hồng
Đây là văn bản màu đỏ