如何增加斜体文字的角度？答案

【问题标题】：How to increase the angle of italic text?如何增加斜体文字的角度？
【发布时间】：2009-12-20 20:39:39
【问题描述】：

我想使用 html css 制作徽标。我们可以使用 css 或 javascript 增加 italic text 的角度吗？

【问题讨论】：

【解决方案1】：

角度取决于您使用的字体。字体设计者必须手动绘制斜体版本。你不能自动改变它。

【讨论】：

【解决方案2】：

这个页面出现在搜索引擎的顶部，但没有提供真正的答案。是的，今天使用 skew 的纯 CSS3 可以做到这一点 - 在此处查看此答案：https://stackoverflow.com/a/7999132

但是，要模拟精细的斜体角度，您需要使用负度值（例如 -5 度），而不是上述答案中的正 30 度值。

在所有支持倾斜的现代浏览器中工作和看起来都很棒。您可以将常规斜体样式与倾斜相结合以实现更好的渲染（在我的情况下工作）。

【讨论】：

【解决方案3】：

您可以在 Firefox、Safari 和 Chrome 中使用倾斜变换。没有其他东西可以支持它，除非你比他们更了解字体设计，否则你不应该把字体设计师的工作搞得一团糟。没有人用 HTML 设计徽标，也没有人想查看电子邮件中的徽标。

【讨论】：

【解决方案4】：

尝试使用 CSS 的 skew transform 属性，而不是使用斜体。它可能会帮助你。

例如：

<div style="transform: skewX(-10deg)">Sample italic text</div>

P.S.：这种方法可以帮助你改变文字斜体的角度，但是对于设计标志的情况，你肯定需要优秀的插画师。

【讨论】：

【解决方案5】：

这在 CSS 中是不可能的。您可以尝试在 i's 和 em's 上切换到具有更多倾斜字母的另一种字体，但我认为这对您没有帮助。

如果你正在设计一个标志，你为什么要用 CSS 来做呢？这就是您拥有 Photoshop 和/或 Illustrator 的用途。

【讨论】：

【解决方案6】：

HTML/CSS 是错误的工具。使用 Illustrator 之类的软件。或者找设计师。

【讨论】：

【解决方案7】：

使用免费的字体编辑工具（例如FontForge）制作您自己的字体或修改开源字体。

编辑：我看到这是用于禁用图像的电子邮件。抱歉，在这种情况下根本不可能，因为除了新版本的 Thunderbird 之外，大多数电子邮件客户端都不支持 @font-face CSS 规则。

【讨论】：

【解决方案8】：

font-style: oblique 20deg;

使用任何你想要的东西来代替 20. 也有助于减小斜体角度。（编辑：仅适用于 Firefox 和 Thunderbird，感谢 MrLister）

【讨论】：