Table of Contents

CSS 层叠样式表


参考:https://github.com/GZhonghui/gzhonghui.github.io/blob/master/docs/index.html

Misc

在CSS中导入自己的字体

@font-face {
    font-family: 'LXGW WenKai Lite';
    src: url('subset-LXGWWenKaiLite-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
p {
    font-family: 'LXGW WenKai Lite';
}

关于中文字体:和英文字体不同,中文字体文件一般都很大,直接从自己的网站上加载字体资源一般都很慢,也很消耗资源。这时候,可以尝试将字体子集化(关键字:字体子集化、Font Subset、Font Subsetter),主要思路就是将需要的字体单独提取出来,不需要的字体就删除,以此做到缩减字体文件大小的目的(有点类似游戏引擎的字体处理方式),当然这种方式打包出来的字体文件是“残缺不全”的,只能用于特定的用途。