标签：uniapp iconfont iconfront 购物车 添加 第五步 ttf 图标

第一步：登录iconfont的账号，创建项目。

第二步：选择自己需要的图标，并添加入库（就是那个购物车的图标）。

第三步：将选好的图片添加到项目。（点击上图中右上角的购物车图标）。

第四步：下载资源到本地，并解压。

第五步：将iconfont.css和iconfont.ttf 复制到自己的工程中（我这里是放在static下）。

第六步：修改iconfont.css中的@font-face 下的ttf的 src（src 使用的是绝对路径，我这里只保留了ttf）。

第七步：在使用的文件中使用import 引入，通过类名选择图标。

如果是添加新的图标，重新走第二三四步。第五步只需要替换。.ttf文件

以此篇博客结束即将过去的2021 。希望新的一年越来越好！

标签：uniapp,iconfont,iconfront,购物车,添加,第五步,ttf,图标
来源： https://www.cnblogs.com/miles2006/p/15753909.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。