1
import fs from 'fs';
2
import path from 'path';
3
import crypto from 'crypto';
4
import { glob } from 'glob';
5
import { JSDOM } from 'jsdom';
6
import subsetFont from 'subset-font';
7

8
// 字体存放的根目录
9
const fontRoot = "public/fonts";
10
// 构建后 dist 文件夹内的 fonts 目录, 用于额外清理
11
const distFontRoot = "dist/fonts"
12
// 字体子集的输出目录
13
const outputDir = "dist/_astro/fonts";
14
// 字体类型配置, in: 字体的输入格式, out: 字体的输出格式
15
const fontTypeConfig = {in: "ttf", out: "woff2"};
16

17
// font lists
18
const fontConfigs = [
19
    // family: font-family,
20
    // file: 完整字体的文件地址, 相对于 fontRoot, 不要添加后缀名,
21
    // weight: 字体的字重, 控制字体粗细,
22
    // style: normal, 正常, italic, 斜体
23
    { family: 'Yozai'                   , file: 'yozai/Yozai-Regular'                            , weight: 400, style: "normal", },
24
    { family: 'LXGWWenKaiMonoGB'        , file: 'lxgw-wenkai-gb/LXGWWenKaiMonoGB-Regular'        , weight: 400, style: "normal", },
25
    { family: 'JetBrainsMono'           , file: 'jetbrains-mono/JetBrainsMono-Regular'           , weight: 400, style: "normal", },
26
    { family: 'JetBrainsMono-Italic'    , file: 'jetbrains-mono/JetBrainsMono-Italic'            , weight: 400, style: "italic", },
27
];
28

29
// 收集 html 中的所有文本字符。
30
async function collectChars(dir) {
31
    const htmlFiles = await glob(`${dir}/**/*.html`);
32
    const charSet = new Set();
33
    for (const file of htmlFiles) {
34
        const html = fs.readFileSync(file, 'utf-8');
35
        const dom = new JSDOM(html);
36
        const text = dom.window.document.body?.textContent || '';
37
        for (const c of text) charSet.add(c);
38
    }
39
    return [...charSet].join('');
40
}
41

42
// 计算最终字体子集的哈希值, 并保留前 16 位结果。
43
function contentHash(buffer) {
44
    return crypto.createHash('sha256').update(buffer).digest('hex').slice(0, 16);
45
}
46

47
// 主处理流程
48
async function run() {
49
    console.log('🔍 Collecting characters...');
50
    const chars = await collectChars('dist');
51
    if (!chars) {
52
        console.warn('⚠ An empty result is returned, skipping.');
53
        return;
54
    }
55
    console.log(`✅ Collected ${chars.length} characters.`);
56

57
    // 确保输出路径存在
58
    if (!fs.existsSync(outputDir)) fs.mkdirSync(outputDir, { recursive: true });
59

60
    const hashMap = {}; // family -> hash
61

62
    for (const { family, file } of fontConfigs) {
63
        const inputPath = `${fontRoot}/${file}.${fontTypeConfig.in}`;
64
        if (!fs.existsSync(inputPath)) {
65
            console.error(`❌ Full font file is not exists: ${inputPath}`);
66
            process.exit(1);
67
        }
68
        const fontBuffer = fs.readFileSync(inputPath);
69

70
        console.log(`⏳ Generating subset font for '${family}' ...`);
71
        const subsetBuffer = await subsetFont(fontBuffer, chars, {
72
            targetFormat: `${fontTypeConfig.out}`,
73
            preserveNameTable: true,
74
        });
75

76
        const hash = contentHash(subsetBuffer);
77
        const outFile = path.join(outputDir, `${hash}.${fontTypeConfig.out}`);
78
        fs.writeFileSync(outFile, subsetBuffer);
79
        console.log(`   → ${hash}.${fontTypeConfig.out} (${(subsetBuffer.length / 1024).toFixed(1)} KB)`);
80

81
        hashMap[family] = hash;
82
    }
83

84
    // 替换 css 中的占位符
85
    console.log('🔄 Replacing placeholders in css...');
86
    const cssFiles = await glob('dist/**/*.css');
87
    for (const cssFile of cssFiles) {
88
        let content = fs.readFileSync(cssFile, 'utf-8');
89
        let replaced = false;
90
        for (const [family, hash] of Object.entries(hashMap)) {
91
            const placeholder = `__FONT_HASH_${family}__`;
92
            if (content.includes(placeholder)) {
93
                content = content.replaceAll(placeholder, `/_astro/fonts/${hash}.${fontTypeConfig.out}`);
94
                replaced = true;
95
            }
96
        }
97
        if (replaced) {
98
            fs.writeFileSync(cssFile, content);
99
            console.log(`   ✔ Updated: ${cssFile}`);
100
        }
101
    }
102

103
    // 额外操作: 清理 dist/fonts 文件夹
104
    if (distFontRoot && fs.existsSync('dist/fonts')) {
105
        fs.rmSync('dist/fonts', { recursive: true, force: true });
106
        console.log('🗑 cleaned dist font');
107
    }
108

109
    console.log('✨ Font subsets generated done!');
110
}
111

112
run().catch(err => {
113
    console.error(err);
114
    process.exit(1);
115
});

1
export async function GET() {
2
    const isDev = import.meta.env.DEV
3

4
    // 完整字体和子集字体的格式
5
    const fullFontType = "ttf";
6
    const subSetType = "woff2";
7

8
    // 字体配置, 可直接从脚本中复制过来
9
    const fontWeights = [
10
        { family: 'Yozai'                   , file: 'yozai/Yozai-Regular'                            , weight: 400, style: "normal", },
11
        { family: 'LXGWWenKaiMonoGB'        , file: 'lxgw-wenkai-gb/LXGWWenKaiMonoGB-Regular'        , weight: 400, style: "normal", },
12
        { family: 'JetBrainsMono'           , file: 'jetbrains-mono/JetBrainsMono-Regular'           , weight: 400, style: "normal", },
13
        { family: 'JetBrainsMono-Italic'    , file: 'jetbrains-mono/JetBrainsMono-Italic'            , weight: 400, style: "italic", },
14
    ];
15

16
    const fontFaces = fontWeights.map(({ family, file, weight, style }) => {
17
        const url = isDev
18
            ? `/fonts/${file}.${fullFontType}`
19
            : `__FONT_HASH_${family}__`;
20
        return `@font-face {
21
    font-family: '${family}';
22
    src: url('${url}') format('${subSetType}');
23
    font-weight: ${weight};
24
    font-style: ${style};
25
    font-display: swap;
26
}`;
27
    }).join('\n');
28

29
    const css = `/* 自动生成的全局字体声明 */
30
${fontFaces}
31
/* (保留内容) 可以继续添加 css 样式 */
32

33
/* 应用全局字体 */
34
* {
35
    font-family: 'JetBrainsMono', 'JetBrainsMono-Italic', 'LXGWWenKaiMonoGB';
36
    line-height: 1.5rem
37
}
38
`;
39

40
    return new Response(css, {
41
        headers: { 'Content-Type': 'text/css' },
42
    });
43
}