添加更多倾斜到斜体文本

时间:2011-11-03 17:08:59

标签: css

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

3 个答案:

答案 0 :(得分:15)

您可以使用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);
}

答案 1 :(得分:3)

使用CSS中的标准font-style,无法自定义italic状态。

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

答案 2 :(得分:0)

您也可以使用

font-style: oblique 50deg;

(您可以将50更改为所需的角度)