2009-11-05 33 views
157

Sự khác biệt giữa hai điều này:font-style: nghiêng và xiên trong CSS

font-style:italic 
font-style:oblique 

Tôi đã thử sử dụng W3Schools editor nhưng không thể nói sự khác biệt.

Tôi đang thiếu gì?

+12

Thông điệp từ tương lai: [Wikipedia] (http://en.wikipedia.org/wiki/Oblique_type) có một ví dụ rất thoải mái thể hiện sự khác biệt giữa [nghiêng] (http: // en. wikipedia.org/wiki/File:Garamond_Roman_Italic.svg) và [xiên] (http://en.wikipedia.org/wiki/File:Oblique_type_example.svg). – Cornstalks

+0

Câu hỏi tiếp theo muộn (hoặc có thể điều này sẽ đi vào UX?): Wolud nào là trường hợp sử dụng trong thế giới thực để lựa chọn cụ thể biến thể xiên? Không phải là biến thể nghiêng "luôn luôn" thích hợp hơn? – KlaymenDK

+1

@KlaymenDK: Phải thừa nhận rằng đây là trường hợp sử dụng hẹp, nhưng tôi có thể hình dung một phông chữ xiên cho dễ đọc trong các kích thước phông chữ nhỏ nhất định trên đầu ra pixelated: Ví dụ: sử dụng phông chữ 6pt đến 8pt trên màn hình biểu mẫu nhỏ; một số hình thức nghiêng có nét mỏng hơn và nhiều đồ trang trí hơn có thể làm giảm mức độ dễ đọc so với "nghiêng" đơn giản. –

Trả lời

217

Trong ý nghĩa thuần túy nhất (kiểu thiết kế), xiên là phông chữ La Mã đã bị lệch một số độ nhất định (8-12 độ, thông thường). Một chữ nghiêng được tạo bởi trình thiết kế kiểu với các ký tự cụ thể (đặc biệt là chữ thường a) được vẽ khác nhau để tạo ra một thư pháp hơn, cũng như phiên bản nghiêng.

Một số xưởng đúc có các hình chữ nhật được tạo ngẫu nhiên mà không nhất thiết phải được các nhà thiết kế chấp thuận ... một số phông chữ có nghĩa là không bị in nghiêng hoặc bị xé nát ... nhưng mọi người vẫn làm. Và như bạn có thể biết, một số hệ điều hành sẽ, khi nhấp vào biểu tượng 'nghiêng', nghiêng phông chữ và tạo một xiên trên bay. Không phải là một cảnh tượng dễ chịu.

Tốt nhất là chỉ định chữ nghiêng khi bạn chắc chắn rằng phông chữ đã được thiết kế với một phông chữ.

+27

Có thể hữu ích khi lưu ý rằng hầu như không có họ phông chữ nào trong tự nhiên chỉ định cả khuôn mặt nghiêng và xiên, và hầu hết các công cụ hiển thị sẽ cung cấp khuôn mặt khác nếu khuôn mặt được chỉ định không khả dụng cho phông chữ đó. – SingleNegationElimination

+7

+1 để giải thích từ quan điểm thiết kế kiểu xem. – SunnyShah

+4

Câu trả lời này không giải quyết các khác biệt chức năng, sự khác biệt lẫn nhau, hoặc sự khác biệt ngữ nghĩa. Ví dụ: – ahnbizcad

58

Nói chung, chữ nghiêng là phiên bản đặc biệt của phông chữ, trong khi phiên bản xiên chỉ là phiên bản thông thường nghiêng một chút. Vì vậy, cả hai đều được nghiêng và liên quan đến phông chữ thông thường, nhưng in nghiêng sẽ có các dạng chữ đặc biệt được tạo đặc biệt cho nó.

Hầu hết các phông chữ đều có phiên bản nghiêng hoặc nghiêng; Tôi chưa bao giờ thấy một cái có cả hai. (Nếu bạn có phiên bản nghiêng, tại sao phải bận tâm với phiên bản xiên?)

17

Loại xiên (hoặc nghiêng, nghiêng) là một dạng loại nghiêng nhẹ sang phải, được sử dụng theo cách tương tự như kiểu in nghiêng. Tuy nhiên, không giống như kiểu in nghiêng, nó không sử dụng các hình dạng khác nhau; nó sử dụng cùng một glyph như kiểu La Mã, ngoại trừ méo mó.

thêm tác Reading: css font style oblique vs italic

+0

Bài viết hay. Giải thích những gì chúng ta cần hiểu sự khác biệt. – awe

5

Như với nghiêngxiên, sự khác biệt này cũng có thể nhìn thấy khi so sánh nghiêng với giả nghiêng.

Bạn sẽ thấy faux-in nghiêng bất cứ nơi nào một bình thường phông chữ là sai lệch với font-style: italic; trong khi một phông chữ nghiêng đúng được thiết kế để nghiêng.

enter image description here

Đáy của hai ll ​ s cho thấy sự khác biệt rõ ràng.

See Example

Các vấn đề liên quan