Font-style - Trik CSS

Anonim

The font-styleproperti memungkinkan Anda untuk membuat teks muncul dicetak miring (yaitu miring, atau miring).

em ( font-style: italic; )

Properti ini menerima salah satu dari tiga kemungkinan nilai: normal, italic, dan oblique.

Jika keluarga font tertentu memiliki wajah miring atau miring yang disematkan, browser akan memilih wajah itu. Jika tidak tersedia muka miring atau miring, browser akan meniru efek miring. Jika huruf miring ditentukan dan tidak ada tampilan miring yang tersedia, browser akan mencari wajah miring sebelum mencoba meniru wajah miring. Hal yang sama berlaku untuk oblique; itu juga akan terlihat pertama untuk wajah miring.

Untuk mencegah browser menambahkan versi tiruan atau sintesis dari wajah miring atau miring, Anda dapat menggunakan font-synthesisproperti (jika didukung).

Miring vs. Miring

Menurut spesifikasi, "Bentuk miring umumnya bersifat kursif, sedangkan wajah miring biasanya merupakan versi miring dari wajah biasa." Namun, jika font yang digunakan tidak memiliki tampilan miring atau miring, dalam banyak kasus hanya ada sedikit, jika ada, perbedaan antara miring dan miring.

Demo di bawah ini menunjukkan miring dan miring:

Lihat Pen Italic vs. oblique dengan gaya font CSS oleh CSS-Tricks (@ css-trick) di CodePen.

Dukungan Browser

Chrome Safari Firefox Opera YAITU Android iOS
Bekerja Bekerja Bekerja Bekerja Bekerja Bekerja Bekerja