如何使用阿里巴巴的iconfont？

Question

我在参考fonticon
的使用步骤的时候，

得到了icons.css

@font-face {
  font-family: "iconfont"; /* Project id 4235915 */
  src: url('//at.alicdn.com/t/c/font_4235915_mga18tuafz.woff2?t=1693795326674') format('woff2'),
       url('//at.alicdn.com/t/c/font_4235915_mga18tuafz.woff?t=1693795326674') format('woff'),
       url('//at.alicdn.com/t/c/font_4235915_mga18tuafz.ttf?t=1693795326674') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pc:before {
  content: "\e64a";
}

我有2个问题想要咨询一下：
1、url('//at.alicdn.com/t/c/font_4235915_mga18tuafz.ttf?t=1693795326674')
是否这个脱离了网络，就显示不了icon图了？

2、我上面是只使用了一个icon，
如果想要使用更多的icon，我还需要重新做一遍不呢？
还是说直接添加类似

.icon-pc:before {
  content: "\e64a";
}

即可？

Answer 1

1. 是的，需要可以访问外网的权限。
2. 可以新建项目，把你想要的图片都放到项目中后续有新的图标就添加到项目中就行了。然后如果像下载到本地的话，就点击“下载至本地”按钮，然后替换掉原本的字体文件就行。下载的压缩包里面就包含了字体文件和对应的CSS文件。