Стиль шрифту - CSS-хитрощі

font-styleВластивість дозволяє зробити текст з'явиться Жирним курсивом (тобто похилу або нахилений).

em ( font-style: italic; )

Це властивість приймає одне з трьох можливих значень: normal, italic, і oblique.

Якщо в даній родині шрифтів є вбудований курсив або косий грань, браузер вибере це обличчя. Якщо курсив чи косо обличчя недоступні, браузер буде імітувати похилий ефект. Якщо курсив визначено, а курсивного обличчя немає, браузер шукатиме косий грань, перш ніж спробувати імітувати курсив. Те саме стосується косого; воно теж буде шукати спершу курсивне обличчя.

Щоб веб-переглядач не додавав імітовану або синтезовану версію курсиву чи косого обличчя, ви можете використовувати font-synthesisвластивість (якщо підтримується).

Курсив проти Косого

Відповідно до специфікації, "курсивні форми, як правило, мають скорописний характер, тоді як косі грані - це, як правило, похилі версії звичайного обличчя". Однак якщо шрифт, який використовується, не має курсиву чи косих граней, то в більшості випадків між курсивом та косим різницею є невелика, якщо взагалі є, різниця.

Демо нижче демонструє курсив та косий текст:

Дивіться Pen Italic проти косого із стилем шрифту CSS від CSS-Tricks (@ css-tricks) на CodePen.