首先电脑上安装nodejs
image.png
然后安装 font-spider
npm install font-spider -g
进入html所在目录,执行命令
font-spider D.cshtml
原理就是爬虫抓到你网页上使用的字体,精简你的ttf字体库,有可能从14M变成 20kb
如图,字体文件就会从14兆压缩到91kb
image.png
MVC项目View页面代码展示:hyclskbft.TTF就是需要压缩的字体文件,压缩完成后会重新生成一个.font-spider文件夹,里面放的是原来的未压缩的字体文件
<style type="text/css">
@@font-face {
font-family: Myhyclskbft;
src: url(../../Template/bootstrap/fonts/hyclskbft.TTF)
}
.MyhycfamilyTitle {
font-family: Myhyclskbft;
}
</style>
body代码展示:
<h1 class="text-center title MyhycfamilyTitle">创新典</h1>
<p class="text-center MyhycfamilyTitle">科技铸风骨 文化育精神</p>