【前端学习】iconfont阿里字体使用
1.引用线上地址-阿里服务器保管(这是链接可以浏览器中打开)
可用浏览器打开(加上前缀http:)
得到
代码中使用:
注:更改图标的类名
更改后重新获取网页链接--重新引入链接--重新写类名
报错:没有显示的话,Chrome调试工具f12,看看右边有没有
下载下来的文件夹只需要把这几个放到项目中(同一层目录的哟,因为css这么引用的)
2.下载到电脑-引用本地地址
link的路径换一下(确保上面那几个文件在同一层哦)
other:自己设计图标库的网站是icomoon
它将svg图片转换为font字体
3.麻烦的引用方式
下面这些可以从这儿复制-->
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}