Стил на шрифта - CSS-трикове

Anonim

В font-styleимота ви позволява да направите текст курсив се появи (т.е. скатен или наклонен).

em ( font-style: italic; )

Този имот приема един от трите възможни стойности: normal, italic, и oblique.

Ако дадено семейство шрифтове има вградено курсивно или косо лице, браузърът ще избере това лице. Ако няма наличен курсив или наклонено лице, браузърът ще имитира наклонения ефект. Ако курсивът е дефиниран и няма налично курсивно лице, браузърът ще търси косо лице, преди да се опита да имитира курсив. Същото се отнася и за наклонени; то също ще търси първо курсивно лице.

За да предотвратите добавянето на имитирана или синтезирана версия на курсив или наклонено лице на браузъра, можете да използвате font-synthesisсвойството (ако се поддържа).

Курсив срещу Косо

Според спецификацията, „Курсивните форми обикновено са със скоростен характер, докато наклонените лица обикновено са наклонени версии на правилното лице“. Ако обаче използваният шрифт не разполага с курсив или наклонени лица, в повечето случаи има малка, ако има такава, разлика между курсив и наклонена черта.

Демото по-долу демонстрира както курсив, така и наклонен:

Вижте Pen Italic срещу косо с CSS стил на шрифт от CSS-Tricks (@ css-tricks) на CodePen.

Поддръжка на браузър

Chrome Сафари Firefox Опера IE Android iOS
Върши работа Върши работа Върши работа Върши работа Върши работа Върши работа Върши работа