使用CSS减少EM倾斜？

Question

我正在使用<em>制作@font-face样式<h1>斜体的一部分。我遇到的问题是它太斜体。

我正在使用字体Impact，据我所知，它没有斜体版本。在Photoshop中，文本仅使用章程面板中的倾斜文本选项进行部分倾斜。但是，在网站上有<em>，它非常倾斜。有没有办法用CSS调整这个？或者有没有人有一个真正的斜体版本的影响我可以使用？

Answer 1

如果使用Impact，无论出于何种原因，绝对强制，您可以使用CSS3模仿斜体。 http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transform_skew

但是，许多旧浏览器（以及一些较新的浏览器）不支持这种情况，所以我会犹豫不决。考虑到你想要改变Impact真正想要的方式，你可能只想要一个不同的字体，但仍然需要CSS3正确加载，除非你打算在服务器端为你的标题生成一些图像，我非常不建议。 http://www.w3schools.com/css3/css3_fonts.asp

我的推荐？只需使用<em>标记上的CSS3偏斜即可。在最坏的情况下，浏览器不支持它，并且它略微过于斜体。这不是什么大不了的事。在最好的情况下，您的网站看起来很棒！如果原始斜体对你来说太过分了，我会在<em>标签上删除它们，并且无论如何都要做我的解决方案。这样，如果不支持CSS3，你仍然会得到一个漂亮的Impact标题。

Answer 2

Impact字体没有斜体版本。因此，通过要求某些软件使其斜体化而得到的只是直立版本或某种机械（算法）倾斜的扭曲。该算法取决于软件，但不生成斜体。所以就是不要这样做。