转换为图标字体时不出现SVG笔划

时间:2015-01-09 15:49:09

标签: svg fonts

目标

我正在尝试创建一个SVG图标以添加到图标字体文件。

http://codepen.io/Kelderic/pen/ogBoap.svg

进度

我创建了一个SVG图标,该图标完全内联并显示为img

问题

当我上传它以添加到我的图标字体时,同时使用Icomoon和Fontastic,所有填充都会出现,但所有笔画都会丢失。我通过W3C验证器运行代码并没有遇到任何问题,我想知道图标字体是否有更多普通SVG规则?

enter image description here

代码



<svg version="1.1" width="51" height="51" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
  <polygon points="0,5.5 31,0 31,50 0,44" />
  <ellipse cx="15" cy="25" rx="7.5" ry="11" fill="transparent" stroke="white" stroke-width="5" />
  <path d="M31 10.5 L48.5 10.5 L49 11 L50 12.5 L35 23 L31 20" stroke-width="2" fill="white" stroke="black" />
  <path d="M52 12 L35 23 L31 20 L31 24 L35 27 L50 16.5" fill="black" />
  <path d="M31 24 L35 27 L50 16.5 L50 35 L49.5 37 L47.5 37.5 L31 37.5" stroke-width="2" fill="white" stroke="black" />
</svg>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:4)

来自Iconmoon ......

  • 应用会忽略笔划。您可以将它们转换为填充。
  • 联合/合并你的填充物。
  • 所有颜色都被解释为黑色。不使用白色来制作孔,而是从背景形状中减去前景形状。

这些似乎是非常严格的规则,你必须遵循。

来源...... https://icomoon.io/docs.html