css - 强制浏览器使用仿斜体(斜体)而不是真正的斜体

Question

我读到很多人在浏览器无法加载真正的斜体字体样式时遇到问题，另一方面我想强制浏览器使用仿斜体。这是我的 CSS 代码:

h2 {
    font-family:"Bell MT", Georgia, serif;
    font-size:31px;
    font-style:oblique;
    font-weight:normal;
    color:#e19614;
}

当我将 font-weight 设置为 bold 或更大时，结果效果是所需的倾斜字体，但每当我将 weight 设置为正常(这是所需的设置)时，它会返回到真正的斜体字体，在这种情况下( Bell MT) 非常不同..

有什么建议吗？

Answer 1

使用 css 转换的丑陋 hack:

http://jsfiddle.net/DQnVS/1/

span {
    display: inline-block;
 -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
     -ms-transform: skewX(-30deg);
      -o-transform: skewX(-30deg);
         transform: skewX(-30deg);
​}