一、阿里字体离线应用步骤:
1、访问阿里字体库,将需要的图标添加至自己创建指定的项目;
2、下载至本地;
3、解压缩,新建css、font文件夹,将相应的文件夹复制粘贴到对应路径,如图所示:
放入指定文件夹:
4.link引入css外部样式表
二、在线阿里字体引用步骤
1、使用账号登录阿里字体,选择需要的图标放入购物车样式的图标中,选择“添加至项目”选项
2、按照如下图所示步骤添加至项目
3、“查看在线链接”→生成在线代码
4、复制,粘贴至css样式表
5、编辑html文件
复制图标代码,添加至html文件的 i 标签中
完整样例代码如上,①标记处类名可自取(尽量不要取关键字)
6、代码运行结果如下:
个人亲测所得,如有不足之处,请多指教。(若转载请注明出处)
时间: 2024-10-28 10:17:03