如何增加斜体文字的角度?

时间:2009-12-20 20:39:40

标签: javascript jquery html css

我想使用html css制作徽标。我们可以使用css或javascript来增加斜体文本的角度吗?

8 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:3)

此页面位于搜索引擎的顶部,但未提供真正的答案。是的,今天可以使用纯粹的CSS3使用偏斜 - 请在此处查看此答案:https://stackoverflow.com/a/7999132

然而,不是从上面的答案中得到正30deg值,而是要模拟精细的斜体角度,你需要使用负度值(例如-5deg)。

作品&在支持偏斜的所有现代浏览器中都很棒。您可以将常规斜体样式与倾斜相结合,以实现更好的渲染(在我的情况下工作)。

答案 2 :(得分:1)

您可以在Firefox,Safari和Chrome中使用偏斜变换。没有其他任何东西可以支持它,你不应该使用字体设计师的标志设计工作,除非你比他们知道更多关于排版。没人用HTML设计徽标,没人想看电子邮件中的徽标。

答案 3 :(得分:0)

CSS无法实现。您可以尝试切换到iem上具有更多倾斜字母的另一种字体,但我认为这对您没有帮助。

如果您正在设计徽标,为什么要使用CSS?这就是Photoshop和/或Illustrator的用途。

答案 4 :(得分:0)

HTML / CSS是错误的工具。使用Illustrator或那种软件。或寻找设计师。

答案 5 :(得分:0)

使用免费的字体编辑工具(例如FontForge)创建自己的字体或修改开源字体。

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

答案 6 :(得分:0)

请尝试使用CSS的倾斜转换属性,而不要使用斜体。可能会对您有帮助。

例如:

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

P.S .:此方法将帮助您更改文本的斜体角度,但是对于设计徽标的情况,您肯定需要插图画家才能出类拔萃。

答案 7 :(得分:0)

font-style: oblique 20deg;

使用您想要的任何内容代替20。 也可用于减小斜角。 (编辑:仅适用于Firefox和Thunderbird,仅适用于MrLister)