icon图标

先上网搜索iconfont阿里巴巴矢量图标库里下载,里面的图标都是免费的

icon图标

点进别人的组时,看到有自己想用的图标时,点击购物车

icon图标

当你觉得够了的时,打开右上角的购物车图标,点击添加至项目,然后设置名称,点击确定之后会跳转到个人主页,点击下载至本地,下载完后是一个压缩包,解压

icon图标

icon图标

打开Visual Studio Code新建一个html文件

引入icon font文件的css文件

icon图标

Unicode 引用,第一步

拷贝项目下面生成的 @font-face

icon图标

Unicode 引用,第二步

定义使用 iconfont 的样式

icon图标

Unicode 引用,第二步

挑选相应图标并获取字体编码,应用于页面

icon图标

font-class 引用

第一步

引入项目下面生成的 fontclass 代码:

icon图标

第二步

挑选相应图标并获取类名,应用于页面:

icon图标

Symbol 引用

第一步

引入项目下面生成的 symbol 代码:

icon图标

第二步

加入通用 CSS 代码(引入一次就行):

icon图标

第三步

挑选相应图标并获取类名,应用于页面:

icon图标

上一篇:编码解码程序


下一篇:数据类型的扩展