colorui 使用iconfont图标

ColorUI + Iconfont

ColorUI下直接用iconfont，图标会显示乱码。各们同学可以试下以下方法。

1.首先在iconfont官网下载你的图标代码，然后解压压缩包（名字一般是download.zip)，解压后可以看到文件夹里有多个文件。

下载步骤

先把需要的图标加到库，然后添加到项目,选择或创建一个项目（也可以直接下载代码）

 

之后点确定，进入项目页，选择下载至本地

这里请留意里面的 iconfont.ttf  

2.浏览器打开网址：https://transfonter.org/ ，按下图操作

等待一段时间后，covert成功手，add fonts 按扭会变成一个download 字样按扭，点击下载。解压包后，会有一个stylesheet.css文件，用编辑器打开。

然后将修改后的这段代码 及其后的样式定义拷到你的wxss文件中，font-display: swap;这个配置可以删除

3、在wxss中为图标配置名称

.cuIcon-wdd:before {
  content: "\e60b";
}

之后在需要使用的地方直接写class="cuIcon-wdd"即可