我想使用html css制作徽标。我们可以使用css或javascript来增加斜体文本的角度吗?
答案 0 :(得分:7)
角度取决于您使用的字体。字体设计者必须手动绘制斜体版本。你不能自动改变它。
答案 1 :(得分:3)
此页面位于搜索引擎的顶部,但未提供真正的答案。是的,今天可以使用纯粹的CSS3使用偏斜 - 请在此处查看此答案:https://stackoverflow.com/a/7999132
然而,不是从上面的答案中得到正30deg值,而是要模拟精细的斜体角度,你需要使用负度值(例如-5deg)。
作品&在支持偏斜的所有现代浏览器中都很棒。您可以将常规斜体样式与倾斜相结合,以实现更好的渲染(在我的情况下工作)。
答案 2 :(得分:1)
您可以在Firefox,Safari和Chrome中使用偏斜变换。没有其他任何东西可以支持它,你不应该使用字体设计师的标志设计工作,除非你比他们知道更多关于排版。没人用HTML设计徽标,没人想看电子邮件中的徽标。
答案 3 :(得分:0)
CSS无法实现。您可以尝试切换到i
和em
上具有更多倾斜字母的另一种字体,但我认为这对您没有帮助。
如果您正在设计徽标,为什么要使用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)