1.首先下载和风天气字体包
npm i qweather-icons
2.在node_modules文件夹找 qweather-icons 下的ttf后缀的文件
3. 转换base64_______ https://transfonter.org/
下载后得到如下文件:
复制该文件到工程中下一步 复制qweather-icons.css 中红框内往下所有的代码,粘贴到转换base后的文件中,如下图
最后再main.js中全局引入一下,就可以直接使用了
// 引入和风天气图标
import './style/iconfont/stylesheet.css';
工程中使用:
<i :class="'qi-' + now.icon"></i>