添加更多倾斜到斜体文本

Jef*_*son 11 css

我很好奇你是否可以使用CSS更倾向于影响斜体文本?如果是这样,怎么办呢?

Fra*_*ulo 15

您可以使用CSS3倾斜变换模拟自定义倾斜(尽管它看起来不像真正的斜体字体那么大).

这是一个例子:

HTML:

<p class="slant">Some text</p>
Run Code Online (Sandbox Code Playgroud)

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);
}
Run Code Online (Sandbox Code Playgroud)


小智 7

您还可以使用

font-style: oblique 50deg;
Run Code Online (Sandbox Code Playgroud)

(你可以把50改成你想要的角度)


Cur*_*urt 5

对于 CSS 中的标准font-style,不可能自定义italic状态。

这取决于浏览器自己的偏好和字体斜体状态。

  • “纯粹”取决于浏览器?和字体本身没有关系吗? (3认同)