85 lines
2.2 KiB
CSS
85 lines
2.2 KiB
CSS
|
/**
|
|||
|
|
* 字体分片 - 按需加载
|
|||
|
|
* 浏览器会根据页面实际使用的字符自动加载对应的分片
|
|||
|
|
* 首屏通常只需要加载 ASCII + 1-3 个常用字分片（约 100-200KB）
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/* ASCII + 常用标点（基础，总是加载） */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/zql-v2.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+0000-00FF, U+2000-206F, U+3000-303F, U+FF00-FFEF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 常用字分片 01: U+4E00-U+56FF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-common-01.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+4E00-56FF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 常用字分片 02: U+5700-U+5FFF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-common-02.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+5700-5FFF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 常用字分片 03: U+6000-U+68FF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-common-03.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+6000-68FF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 常用字分片 04: U+6900-U+71FF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-common-04.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+6900-71FF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 常用字分片 05: U+7200-U+7AFF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-common-05.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+7200-7AFF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 常用字分片 06: U+7B00-U+83FF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-common-06.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+7B00-83FF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 常用字分片 07: U+8400-U+8CFF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-common-07.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+8400-8CFF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 生僻字分片 01: U+8D00-U+95FF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-rare-01.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+8D00-95FF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 生僻字分片 02: U+9600-U+9FFF */
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'zql';
|
|||
|
|
src: url('../font/slices/zql-rare-02.woff2') format('woff2');
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+9600-9FFF;
|
|||
|
|
}
|