我使用一些谷歌网络字体来动态渲染svg徽标。我使用的字体不具有斜体版本,而且当我放置font-style="italic"
时,我对Chrome伪造它的方式非常满意。唯一的问题是firefox似乎根本没有伪造它。这个小提琴表明了它:http://jsfiddle.net/a6C32/3/
是否有一种方法可以在所有浏览器中重新创建Chrome功能?
只是为了澄清我所看到的: Chrome(36.0.1985.125 OSX):
Firefox(31.0 OSX):
更新:所以在玩了一些之后,事实证明Firefox会做人造斜体,除非文本元素也定义了stroke
它:http://jsfiddle.net/a6C32/4/
答案 0 :(得分:2)
绝对是Mozilla中的一个错误。我对SVG魔术的快速解决方法: -
font-style="normal" transform="translate(10,0) skewX(-20)"