首页 > 代码库 > 【原创】1.1关于阿里图标引用问题简介
【原创】1.1关于阿里图标引用问题简介
一、阿里字体离线应用步骤:
1、访问阿里字体库,将需要的图标添加至自己创建指定的项目;
2、下载至本地;
3、解压缩,新建css、font文件夹,将相应的文件夹复制粘贴到对应路径,如图所示:
放入指定文件夹:
4.link引入css外部样式表
二、在线阿里字体引用步骤
1、使用账号登录阿里字体,选择需要的图标放入购物车样式的图标中,选择“添加至项目”选项
2、按照如下图所示步骤添加至项目
3、“查看在线链接”→生成在线代码
4、复制,粘贴至css样式表
5、编辑html文件
复制图标代码,添加至html文件的 i 标签中
完整样例代码如上,①标记处类名可自取(尽量不要取关键字)
6、代码运行结果如下:
个人亲测所得,如有不足之处,请多指教。(若转载请注明出处)
【原创】1.1关于阿里图标引用问题简介
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。