鍍金池/ 問答/HTML5  室內(nèi)設(shè)計  HTML/ svg轉(zhuǎn)換字體錯誤

svg轉(zhuǎn)換字體錯誤

clipboard.png

轉(zhuǎn)換字體（使用iconmoon）的時候，發(fā)現(xiàn)提示如下錯誤，而且部分svg轉(zhuǎn)換之后顯示不出來

不知道是不是設(shè)計給的svg有問題？

<?xml version="1.0" encoding="UTF-8"?>
<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
  <title>Path 3</title>
  <desc>Created with Sketch.</desc>
  <defs></defs>
  <g id="V7" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
    <g id="學(xué)情報告首頁" transform="translate(-305.000000, -83.000000)" stroke="#5A4900" stroke-width="1.60000002">
      <g id="Group-3" transform="translate(0.000000, 64.000000)">
        <polyline id="Path-3" points="306 20 312.068384 26.0683842 306.136768 32"></polyline>
      </g>
    </g>
  </g>
</svg>
回答
編輯回答
懷中人

因為你的這個圖標(biāo)使用了stroke（描邊）屬性，
但是作為圖標(biāo)是不應(yīng)該使用這個屬性的，應(yīng)該全部轉(zhuǎn)換成路徑。
就你提供的示例，其實就是一個指向右邊的箭頭吧？

從代碼結(jié)構(gòu)來看，這是一個兩條直線（也就是polyline標(biāo)簽）構(gòu)成，
然后讓這兩條直線的粗細(xì)變大（通過stroke-width屬性）
來讓這個線條看起來明顯一些。

你這個svg我看注釋，是用sketch做的吧，
你讓設(shè)計在導(dǎo)出前，先拓展一下圖形（cmd + option + o）
完后再導(dǎo)出就好了

2017年8月22日 02:37