/** * 字体分片 - 按需加载 * 浏览器会根据页面实际使用的字符自动加载对应的分片 * 首屏通常只需要加载 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; }