Thuộc tính font-style thêm nhấn mạnh cho văn bản qua các kiểu dáng font.
Cú pháp và giá trị
font-style: normal; /* Mặc định */ font-style: italic; /* In nghiêng (italic font face) */ font-style: oblique; /* Nghiêng nhân tạo (skew) */ font-style: oblique 30deg; /* Nghiêng tùy chỉnh góc (-90deg đến 90deg) */ /* Global keywords */ font-style: inherit; font-style: initial; font-style: unset;
Lưu ý: italic dùng font face nghiêng riêng của font family (nếu có). oblique là biến dạng nghiêng nhân tạo (skew) của font bình thường. Nếu font không có italic face, trình duyệt thường dùng oblique thay thế. Trước khi dùng oblique, kiểm tra hỗ trợ trình duyệt.
Ví dụ thực tế
Font Tangerine (Google Fonts) style normal đã là cursive (viết tay):
h1.title { font-family: 'Tangerine'; font-style: normal; }
Không cần thêm italic vì font đã nghiêng tự nhiên.
Font Indie Flower chỉ có style normal. Muốn nghiêng:
p.par { font-family: 'Indie Flower'; font-style: italic; }
Trình duyệt tự tạo hiệu ứng nghiêng (synthetic italic) vì font không có italic face.
Kết luận
font-style gắn liền với font-family. Cho đến khi oblique được hỗ trợ rộng rãi hơn, dùng chính italic để nhấn mạnh. Luôn kiểm tra font có sẵn italic face không để tránh synthetic italic kém đẹp.