Font-style - Thủ thuật CSS

Các font-stylebất động sản cho phép bạn thực hiện văn bản xuất hiện in nghiêng (tức là dốc, hoặc nghiêng).

em ( font-style: italic; )

Khách sạn này chấp nhận một trong ba giá trị có thể: normal, italic, và oblique.

Nếu một họ phông chữ nhất định có nhúng một mặt nghiêng hoặc xiên, trình duyệt sẽ chọn mặt đó. Nếu không có mặt nghiêng hoặc xiên, trình duyệt sẽ bắt chước hiệu ứng nghiêng. Nếu chữ nghiêng được xác định và không có mặt nghiêng, trình duyệt sẽ tìm kiếm một mặt xiên trước khi cố gắng bắt chước chữ nghiêng. Điều tương tự cũng áp dụng cho xiên; nó cũng sẽ nhìn đầu tiên cho một khuôn mặt nghiêng.

Để ngăn trình duyệt thêm phiên bản bắt chước hoặc tổng hợp của mặt nghiêng hoặc xiên, bạn có thể sử dụng thuộc font-synthesistính (nếu được hỗ trợ).

Nghiêng so với Xiên

Theo thông số kỹ thuật, “Các dạng nghiêng thường có bản chất chữ thảo trong khi các mặt xiên thường là các phiên bản nghiêng của mặt thông thường.” Tuy nhiên, nếu phông chữ đang được sử dụng không có sẵn các mặt nghiêng hoặc xiên, trong hầu hết các trường hợp, có rất ít, nếu có, sự khác biệt giữa chữ nghiêng và chữ xiên.

Bản demo dưới đây thể hiện cả chữ nghiêng và chữ xiên:

Xem Pen Italic và xiên với kiểu phông chữ CSS bằng CSS-Tricks (@ css-trick) trên CodePen.