首先電腦上安裝nodejs
image.png
然后安裝 font-spider
npm install font-spider -g
進(jìn)入html所在目錄框产,執(zhí)行命令
font-spider D.cshtml
原理就是爬蟲(chóng)抓到你網(wǎng)頁(yè)上使用的字體,精簡(jiǎn)你的ttf字體庫(kù),有可能從14M變成 20kb
如圖,字體文件就會(huì)從14兆壓縮到91kb
image.png
MVC項(xiàng)目View頁(yè)面代碼展示:hyclskbft.TTF就是需要壓縮的字體文件蜈抓,壓縮完成后會(huì)重新生成一個(gè).font-spider文件夾,里面放的是原來(lái)的未壓縮的字體文件
<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">創(chuàng)新典</h1>
<p class="text-center MyhycfamilyTitle">科技鑄風(fēng)骨 文化育精神</p>