2014-10-27 60 views
0

我有这样的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,它会使用假字体返回图像。

+0

为什么你不能使用Inkscape中? – 2014-10-27 15:01:02

+1

你可以在Illustrator中打开svg吗?如果是这样,您可以将字体转换为常规路径。因此,浏览器会将其解释为矢量绘图,而不是每个浏览器上的字体。 – 2014-10-27 15:01:38

+0

当我在Illustrator中打开它时,它给了我很多错误,并且显示不正确,阴影上没有模糊。我用Inkscape来创建这个? Inkscape中有一个功能我不知道吗? – Bodokh 2014-10-28 16:44:02

回答

0

如果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]--> 
+0

您的意思是IE支持条件注释。 IE9及以下...对吧? – 2014-10-27 15:17:22

+0

@Paulie_D是的。 IE 10及以上版本不支持CC。 – 2014-10-27 15:32:04

+0

我已经做到了这一点,但与JS,以便我可以识别IE 10和11。但是这并不能解决问题,因为我无法将它们中的任何一个转换为png。 – Bodokh 2014-10-28 16:43:11