2014-10-27 107 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