flaticon不在网页上显示

时间:2018-01-14 03:55:51

标签: svg icons adobe-illustrator viewbox

我正在尝试显示信封flaticon。我已经尝试了一切,信封不会显示。我有以下链接设置链接到css文件:

http://patskailua.com/font-email/font/flaticon.css

我正在尝试显示的图标是

http://www.patskailua.com/font-email/001-interface.svg

flaticon上的指示说使用以下代码发布它:

<svg class="icon">

该网站位于:     http://patskailua.com/div6.html#

我已尝试过所有内容但无法显示此图标。任何帮助将不胜感激。谢谢,贝丝

2 个答案:

答案 0 :(得分:0)

请在HTML页面中尝试:

&#13;
&#13;
<img src="http://www.patskailua.com/font-email/001-interface.svg">
&#13;
&#13;
&#13;

答案 1 :(得分:0)

试试这个。 在http://patskailua.com/font-email/font/flaticon.css中,从字体的网址中删除font-email/font/。 样式将如下所示。

@font-face {
  font-family: "Flaticon";
  src: url("Flaticon.eot");
  src: url("Flaticon.eot?#iefix") format("embedded-opentype"),
       url("Flaticon.woff") format("woff"),
       url("laticon.ttf") format("truetype"),
       url("../svg/001-interface.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}