1. 首先打开阿里字库，搜索图标添加到项目 2.每次添加以后要生成新的css链接 3. 前端通过上面的链接可以查看到对应图标名的unicode代码进行复制 4. 配置一下即可使用在线图标（这里是App.vue导入） @font-face ...

uniapp关于ttf字体图标使用的问题 一、使用流程： 　　1、首先要有一个字体图标文件（例如：uni.ttf），文件位置/static/uni.ttf，以及如何增加、编辑字体图标; 　　2、将uni.ttf文件转成Base64（转码后的字符串不能包含回车换行等） 　　3、修改 ...

　　阿里团队是让人非常佩服的团队，不仅仅是技术，更是理念。 　　字体图标是开发web常用的元素，阿里为前端开发人员准备了大量的，而且免费的字体图标库。现在就记录下如何使用阿里字体图标库的详细步骤。 　　1.打开阿里字体图标官方网页　 　 　　2.在首页的搜索框中输入你想找的字体图标 ...

　　今天要使用到 nvue 页面，在使用过程中发现 iconfont 图标不好使了，这里记录一下如何在 nvue 页面中引入使用 iconfont 图标。 1、JS部分 2、文本部分 　　这里需要注意 2 点： （1）nvue页面中文字只能使用 <text>< ...

报错提示： MiniProgramErrorTypeError: Cannot read property 'getElementsByTagName' of undefinedTypeError: ...

　　我们在做web项目的时候，之前比较常用的是bootstrap,所以使用font awesome字体图标比较多,无意中在一个项目中接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!今天就写个文章介绍下： 　　阿里图标官方地址： http://iconfont.cn ...

1.下载 　1.1　　下载地址:　　http://www.iconfont.cn/ 　　 　　 　1.2　　在搜索框中搜索需要的字体图标名称 　　 　1.3　　选择心仪的字体图标加入购物车 　　 　　1.4　　选择完成后,进入购车查看 ...

弄了一晚上太坑了！！！！ 1.在阿里图标库下载图标 2.下载的解压后，选取四个字体文件 3.在src/assets文件夹下新建一个叫iconfont的文件夹，把这个四个字体文件放进去 4.在src/assets/文件夹下新建一个叫styles的文件夹，把iconfont.css ...