Computer >> Máy Tính >  >> Lập trình >> CSS

Cách sử dụng Thuộc tính kiểu phông chữ CSS

Thuộc tính kiểu phông chữ CSS cho phép bạn áp dụng ba loại phông chữ (kiểu) khác nhau cho văn bản của mình, bình thường, nghiêng và xiên:

.normal{
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}
  • normal :là kiểu phông chữ la mã / thông thường mặc định được sử dụng cho văn bản bình thường.
  • italic :là một phông chữ hơi nghiêng về bên phải, được sử dụng để nhấn mạnh.
  • oblique :là một phông chữ hơi nghiêng về bên phải, được sử dụng để nhấn mạnh.

Cả chữ nghiêng và chữ xiên đều được sử dụng để nhấn mạnh, nhưng điều gì khiến chúng khác nhau?

  • Chữ nghiêng phông chữ là phông chữ riêng với bộ glyph được thiết kế riêng.
  • An xiên phông chữ chỉ là một phiên bản nghiêng của phông chữ la mã / thông thường.

Khi nào bạn nên sử dụng một trong hai kiểu phông chữ?

Tôi không bao giờ sử dụng xiên. Đối với tôi, kiểu phông chữ xiên nằm trong cùng một danh mục với kiểu chữ nghiêng giả - mặc dù chúng không được chính thức gọi là chữ nghiêng giả.

Xem so sánh kiểu phông chữ bên dưới, tất cả đều từ kiểu chữ Droid Serif:

Cách sử dụng Thuộc tính kiểu phông chữ CSS

Thấy vấn đề? Nếu bạn không làm vậy thì không sao, nhiều người sẽ không nhận thấy điều đó - nhưng nhiều người sẽ biết, điều này khiến điều này trở nên quan trọng.

  • Chữ nghiêng kiểu phông chữ là một phông chữ thực, dựa trên phông chữ la mã / bình thường giống như tất cả các chữ in nghiêng, nhưng nó có glyphs riêng (nó được thiết kế!).
  • xiên phông chữ chỉ là một phiên bản nghiêng / lệch của phông chữ bình thường. Chính xác như kiểu chữ nghiêng giả, là kiểu chữ nghiêng chung chung do máy tính tạo ra (không phải do người thiết kế kiểu chữ thiết kế).

Nếu ai đó có thể chỉ ra sự khác biệt giữa kiểu phông chữ xiên và kiểu chữ nghiêng giả, hãy gửi email cho tôi và tôi sẽ cập nhật bài viết này cho phù hợp! 🙂