一、阿里字体离线应用步骤:
1、访问阿里字体库,将需要的图标添加至自己创建指定的项目;
2、下载至本地;
3、解压缩,新建 css、font 文件夹,将相应的文件夹复制粘贴到对应路径,如图所示:
放入指定文件夹:
4.link 引入 css 外部样式表
二、在线阿里字体引用步骤
1、使用账号登录阿里字体,选择需要的图标放入购物车样式的图标中,选择“添加至项目”选项
2、按照如下图所示步骤添加至项目
3、“查看在线链接”→ 生成在线代码
4、复制,粘贴至 css 样式表
5、编辑 html 文件
复制图标代码,添加至 html 文件的 i 标签中
完整样例代码如上,① 标记处类名可自取(尽量不要取关键字)
6、代码运行结果如下:
个人亲测所得,如有不足之处,请多指教。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于