![Lorem Ipsum](/_next/image?url=https%3A%2F%2Fd24rsy7fvs79n4.cloudfront.net%2Facademy.eraweb.net%2F1000x1000%2F20230426091048_29_1682475048.3112.webp&w=2048&q=75)
![Lorem Ipsum](/_next/image?url=https%3A%2F%2Fd24rsy7fvs79n4.cloudfront.net%2Facademy.eraweb.net%2F1000x1000%2F20230426135513_29_1682492113.6726.webp&w=2048&q=75)
Font là gì?
![Lorem Ipsum](/_next/image?url=https%3A%2F%2Fd24rsy7fvs79n4.cloudfront.net%2Facademy.eraweb.net%2F1000x1000%2F20230426134727_29_1682491647.5894.webp&w=2048&q=75)
![Lorem Ipsum](/_next/image?url=https%3A%2F%2Fd24rsy7fvs79n4.cloudfront.net%2Facademy.eraweb.net%2F1000x1000%2F20230426134509_29_1682491509.3933.webp&w=2048&q=75)
Font là phông chữ, yếu tố quan trọng ảnh hưởng vô cùng lớn đến cả trang web. Việc đọc trên các màn hình thiết bị điện tử không dễ bằng đọc trên các mặt giấy, đặc biệt là những trang web có nhiều nội dung vì vậy chọn phông chữ dễ đọc là rất cần thiết. Mỗi phông chữ có chân/không chân hay cổ điển/hiện đại đều mang lại những cảm nhận riêng. Bạn có thể sử dụng 2 phông chữ khác nhau, hay 1 phông chữ nhưng kết hợp chúng dựa trên nét dày/mỏng, kích thước lớn/nhỏ để tạo hệ thống phân cấp giúp trang web trông chuyên nghiệp và sang trọng hơn. Ví dụ: Playfair Display và Inter.
Bạn có thể tham khảo toàn bộ phông chữ Tiếng Việt tại Google Fonts.
Bài học liên quan
Stacking Order là 1 thuộc tính không thể thiếu trong thiết kế bố cục website. Nói 1 cách đơn giản,...
Border Radius là thuộc tính làm tròn các góc của 1 thành phần. Thuộc tính này thường thấy ở các...
Margin là khoảng cách giữa 2 thành phần. Hay nói cách khác, Margin là khoảng trống bao quanh 4 mặt...
Padding là khoảng cách từ 1 thành phần đến lề của chúng. Hay nói cách khác, Padding là khoảng trống...
Chủ đề liên quan