gpt4 book ai didi

css - 在 SVG 中重新创建 Chrome 的仿斜体

转载 作者:太空宇宙 更新时间:2023-11-04 03:39:30 25 4
gpt4 key购买 nike

我正在使用一些谷歌网络字体来动态呈现 svg Logo 。我使用的字体没有斜体版本,我对 Chrome 在我输入 font-style="italic" 时伪装它的方式非常满意。唯一的问题是 firefox 似乎根本不会伪造它。这个 fiddle 显示了它:http://jsfiddle.net/a6C32/3/

是否有一套方法可以在所有浏览器中重新创建 Chrome 的功能?

只是为了澄清我所看到的:Chrome (36.0.1985.125 OSX):

Chrome Faux Italics

Firefox(31.0 OSX):

enter image description here

更新:所以在尝试了更多之后,结果是 Firefox 会做仿斜体,除非文本元素也有 stroke 在其上定义:http://jsfiddle.net/a6C32/4/

最佳答案

绝对是 Mozilla 中的错误。我用 SVG 魔术快速修复:-

font-style="normal"transform="translate(10,0) skewX(-20)"

关于css - 在 SVG 中重新创建 Chrome 的仿斜体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25131618/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com