Taro使用阿里图标库方法

使用阿里图标接入

在这里插入图片描述

压缩ttf

下载后 选择ttf后缀的文件 下载
下载到本地后打开 网址https://transfonter.org/

在这里插入图片描述

下载后的文件目录

在这里插入图片描述
把stylesheet.css 内容复制到src\style\iconfont.css下, 修改内容如下

  1. 阿里云下载后css文件复制红框以下内容复制到src\style\iconfont.css
    在这里插入图片描述
  2. ttf压缩文件css,复制到src\style\iconfont.css,修改如下
    在这里插入图片描述

使用方式:

app.less引入 @import ‘./style/iconfont.css’;

 <Text className={
    
    `iconfont icon-def`} style={
    
    {
    
    'fontSize':'32Px','color':'#59bdbd'}} ></Text>

猜你喜欢

转载自blog.csdn.net/weixin_42863800/article/details/130063101