css - 使用 CSS 减少 EM 倾斜？

Question

我<em>用来制作@font-face风格<h1>斜体的一部分。我遇到的问题是它太斜体了。

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

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 字体没有斜体版本。因此，通过要求某些软件将其斜体化，您得到的只是直立版本或一些机械（算法）倾斜的变形。该算法取决于软件，但不会产生斜体。所以不要这样做。