Friconix 在网页中的集成

Question

我尝试按照此 Quick start guide 上的说明在网页上集成图标库 (Friconix)。

我不明白为什么不显示图标。我做了一个 jsFiddle：https://jsfiddle.net/3p1k2fay/

<html>
  <script defer src="https://friconix.com/js/friconix.js"></script>
</html>
<body>
  <i class="fi-xnsuxl-setting"></i>
  <i class="fi-xwsuxl-reload fi-spin"></i>
</body>

我不明白为什么它不起作用。

Answer 1

根据this page

，这不是正确的link

friconix.com/js/friconix.js

而不是

friconix.com/cdn/friconix.js

我更新了你的 jsFiddle：https://jsfiddle.net/431dbf0w/

<html>
  <script defer src="https://friconix.com/cdn/friconix.js"></script>
</html>
<body>
  <i class="fi-xnsuxl-gear"></i>
  <i class="fi-xwsuxl-reload fi-spin"></i>
</body>

瞧瞧！

Friconix 在网页中的集成

Friconix integration in web page

javascript

icons

cdn