Стиль шрифта - CSS-хитрости

Anonim

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

em ( font-style: italic; )

Это свойство принимает одно из трех возможных значений: normal, italic, и oblique.

Если в данное семейство шрифтов встроено курсивное или наклонное начертание, браузер выберет это начертание. Если курсив или наклонное начертание недоступны, браузер имитирует эффект наклона. Если курсив определен, а курсив недоступен, браузер будет искать наклонное начертание, прежде чем попытается имитировать курсив. То же касается и косых; он тоже сначала будет искать курсивное начертание.

Чтобы предотвратить добавление браузером имитированной или синтезированной версии курсивного или наклонного начертания, вы можете использовать это font-synthesisсвойство (если поддерживается).

Курсив против наклонного

Согласно спецификации, «курсивные формы обычно имеют курсивный характер, в то время как наклонные грани обычно являются наклонными версиями обычного лица». Однако, если для используемого шрифта нет курсивного или наклонного начертания, в большинстве случаев разница между курсивом и наклонным шрифтом практически отсутствует.

В демонстрации ниже показаны как курсив, так и наклон:

Посмотрите, как Pen Italic vs. oblique со стилем шрифта CSS от CSS-Tricks (@ css-tricks) на CodePen.

Поддержка браузера

Хром Сафари Fire Fox Опера IE Android iOS
Работает Работает Работает Работает Работает Работает Работает