uni-app中引用在线iconfont

1.到阿里巴巴矢量图库中创建自己的项目（https://www.iconfont.cn/）

QQ截图20191213103218.png

2.找到自己需要的素材，添加到项目中

QQ截图20191213103446.png

image.png

3.在我的项目中生成代码

image.png

生成代码如下，只用到了.ttf的url

image.png

4.最后引用到项目中，复制对应icon的代码，代码如下

<template>
    <view >
        <text class="icon">&#xe61d;</text>
    </view>
</template>

<script>
</script>

<style>
    @font-face {
        font-family: texticons;
        font-weight: normal;
        font-style: normal;
        src: url('https://at.alicdn.com/t/font_1561437_iqrfrcx6dpo.ttf') format('truetype');
    }
    .icon {
        width: 90px;
        height: 90px;
        font-size: 80px;
        color: #2fc25b;
        text-align: center;
        font-family: texticons;
    }
</style>

运行效果：

image.png

注：每次修改阿里项目的图标url都会更新，记得同步到项目中