项目字体压缩

工具 FontSmaller
https://fontsmaller.github.io/

讲需要使用到的文字抽取出来,转成ttf字体文件
例

<style lang="less" scoped>
@font-face {
    font-family: 'ZiTiQuanXinYiGuanHeiTi';
    src: url(../../assets/three-color/ZiTiQuanXinYiGuanHeiTi4.0-2.ttf);
}
</style>
.name-class3 {
                        font-size: 18px;
                        font-family: ZiTiQuanXinYiGuanHeiTi;
                        font-weight: 400;
                        color: #ff968e;
 }
<div class="name-class3">
                                                <div>高风险</div>
                                            </div>

image.png

打开工具后,引入我们的字体源文件
把 高风险 我们需要的三个字加进去

image.png

确定 (其它字一样,用哪些加哪些)

image.png

<style lang="less" scoped>
@font-face {
    font-family: 'ZiTiQuanXinYiGuanHeiTi';
    src: url(../../assets/three-color/ZiTiQuanXinYiGuanHeiTi4.0-3.ttf);
}
</style>