Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Cách dùng thuộc tính CSS font-style

Thuộc tính CSS font-style cho phép áp dụng ba kiểu font (style) khác nhau cho text: normal, italic, và oblique:

.normal{ font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; }
  • normal: là font roman/regular mặc định dùng cho text bình thường.
  • italic: là font hơi nghiêng sang phải, dùng để nhấn mạnh.
  • oblique: là font hơi nghiêng sang phải, dùng để nhấn mạnh.

Cả italic và oblique đều dùng để nhấn mạnh, nhưng khác nhau ở đâu?

  • Font italic là font riêng biệt với bộ glyph (ký tự) được thiết kế riêng.
  • Font oblique chỉ là phiên bản nghiêng của font roman/regular.

Khi nào nên dùng kiểu font nào?

Tôi không bao giờ dùng oblique. Theo tôi, oblique font styles thuộc cùng hạng mục với faux italic — mặc dù chúng không được gọi chính thức là faux italics.

Xem so sánh font style dưới đây, tất cả từ typeface Droid Serif:

Cách dùng thuộc tính CSS font-style

Bạn thấy vấn đề không? Không sao nếu không thấy, nhiều người không nhận ra — nhưng nhiều người sẽ thấy, điều đó làm nó quan trọng.

  • Font style italic là font thật, dựa trên font roman/normal như mọi italic, nhưng có glyph riêng (được thiết kế!).
  • Font oblique chỉ là phiên bản nghiêng/lech của font normal. Giống hệt faux italics, là italic chung do máy tính sinh ra (không do designer typeface thiết kế).

Nếu ai chỉ ra được khác biệt giữa oblique font styles và faux italics, hãy email cho tôi, tôi sẽ cập nhật bài viết! 🙂