uniapp中使用iconfont

耗了一晚上终于把框框变成了图标😎

如果uniapp要开发微信小程序
就放弃在iconfont下载使用吧，小程序不支持在css中引入本地文件（就这个问题让我看了一晚上的框框）
顺便一说，小程序不支持在css中使用本地文件，包括本地的背景图和字体文件。需以base64方式方可使用。
因为我涉及到了小程序所以要用在线的，不过本地应该也差不多，文件放到common中，网络链接换成本地路径应该就可以了

找图标加到项目就不多说了

点击生成在线链接就会生成这样一大坨东西
要用到的只有font-family和ttf的那一行，所以简化一下

@font-face {
  font-family: 'iconfont';
  src:url('https://at.alicdn.com/t/font_1687638_fdeyy4kzppo.ttf') format('truetype')
}

url放在src中
复制的代码中没有https:，要自己加上

为了不用每一页都引入，这一段放到App.vue的style中
在这后面还要加上这样一个样式

.icon {
	font-family: iconfont !important;
	margin-left: 20rpx
}

这是后面用图标时都要加上的样式
所以用图标的基本格式就是

<text class="icon">这里放iconfont上的图标代码</text>

iconfont上的图标只需要在项目中把鼠标放到要用的图标上，点复制链接就可以

iconfont的图标其实是字体（所以上面说要用的只有那个ttf的那一行），所以就可以用的时候想文字一样设置大小颜色（font-family好像不行，其他的都可以）