仓库源文站点原文

今天换博客主要文字了,"仓耳今楷",字体更美观更适合阅读。但是过程中遇到点问题

@font-face {
    font-family: 仓耳今楷01-W04;
    src: url("https://api.lhasa.icu/assets/font/tsanger01W04.ttf")  format("truetype");
}

这段CSS写的是没有问题的,但是不生效,控制台报错跨域

腾讯云COS跨域访问CORS配置如下:

![腾讯云COS跨域访问CORS设置][1]{:.small}

配置好后又遇到麻烦了,字体太大了,一个字体文件17.9M!网站都脱垮了

![网站被拖垮了][2]{:.small}

这里做一下处理,取子集压缩文字,需要用到 FontSmaller现代汉语常用3500汉字

取子集压缩之后字体文件大小为1.94M

![取子集压缩后的效果][5]{:.small}

[1]: {{ site.ARTICLEPICTURES_PATH }}/Tencent%20cloud%20cos%20cross-domain%20configuration.jpg [2]: {{ site.ARTICLEPICTURES_PATH }}/Textloading.jpg

[5]: {{ site.ARTICLEPICTURES_PATH }}/Textloading2.png