gpt4 book ai didi

css - 字体在 SVG 上呈现不正确(取决于浏览器)

转载 作者:行者123 更新时间:2023-11-28 09:08:32 26 4
gpt4 key购买 nike

我有这个 SVG:

http://wefix.cf/Resources/wefix2.svg

问题是在 Chrome 中,它看起来很好,但是当切换到 Internet Explorer 时,字体发生了变化。我使用的字体是 Arial Rounded MT。

我还想将 svg 转换为 png,但是执行此操作的每个在线服务都返回具有不同字体的图像。为什么会这样?

作为临时解决方案,我有一个 IE 查询,以便当浏览器是 IE 时,将显示此图像:

http://wefix.cf/Resources/wefix.svg

哪个在 Chrome 上看起来不太好...

出于某种原因,我无法让 svg 跨浏览器工作。我无法将它们中的任何一个转换为 png,它一直返回带有错误字体的图像。

最佳答案

如果 http://wefix.cf/Resources/wefix2.svg 适用于 IE 以外的所有浏览器,并且 http://wefix.cf/Resources/wefix.svg 适用于 IE,您可以使用条件注释:

<!--[if IE]>
<img src="http://wefix.cf/Resources/wefix.svg" alt="Logo" />
<![endif]-->
<!--[if !IE]> -->
<img src="http://wefix.cf/Resources/wefix2.svg" alt="Logo" />
<!-- <![endif]-->

关于css - 字体在 SVG 上呈现不正确(取决于浏览器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26590437/

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