Мне было любопытно, можно ли использовать курсивный текст с большим наклоном с CSS? Если да, то как это можно сделать?
Добавление большего текста в текст курсора
Ответ 1
Вы можете имитировать пользовательский наклон с CSS3-перекосами (хотя он не будет выглядеть так, как настоящий курсивный шрифт).
Вот пример:
HTML:
<p class="slant">Some text</p>
CSS
.slant {
-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
}
Ответ 2
С помощью стандартного font-style
в CSS невозможно настроить состояние italic
.
Это зависит от предпочтений браузеров и курсивного состояния шрифтов.
Ответ 3
Вы также можете использовать
стиль шрифта: наклонный 50 градусов;
(вы можете изменить 50 на какой угол вы хотите)