mirror of
https://github.com/2234839/web-font.git
synced 2026-07-03 14:38:22 +08:00
820fc71166
- 后端支持 outType URL 参数（woff2/ttf），Node.js 默认 woff2，LLRT 默认 ttf - woff2 wasm 延迟初始化，仅首次请求时加载（~8ms） - SDK 三个入口函数支持 outType 选项，默认 woff2 - 前端 CSS、下载、使用说明适配 woff2 - 基准测试新增 woff2 测试（耗时、体积、压缩率） - 构建脚本自动复制 woff2.wasm 到 dist 目录 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
74 lines
2.3 KiB
TypeScript
74 lines
2.3 KiB
TypeScript
import { Font } from "../../vendor/fonteditor-core/lib/ttf/font.js";
|
||
import type { FontEditor } from "../../vendor/fonteditor-core/lib/ttf/font.js";
|
||
|
||
/**
|
||
* 字体裁剪的所有可配置步骤
|
||
* 每个步骤独立导出，方便组合使用和单独测试
|
||
*/
|
||
|
||
/** 从字符串提取 Unicode 码点数组 */
|
||
export const textToCodePoints = (text: string) =>
|
||
[...text].map((char) => char.codePointAt(0)!);
|
||
|
||
/** 解析字体并执行 subset（最耗时的步骤） */
|
||
export const createSubsetFont = (
|
||
fontBuffer: ArrayBuffer,
|
||
codePoints: number[],
|
||
sourceType: FontEditor.FontType,
|
||
) =>
|
||
Font.create(fontBuffer, {
|
||
type: sourceType,
|
||
subset: codePoints,
|
||
});
|
||
|
||
/** 优化字体（去冗余表、清理无用字形） */
|
||
export const optimizeFont = (font: ReturnType<typeof Font.create>) => {
|
||
let optimized = font.optimize();
|
||
optimized = optimized.compound2simple();
|
||
optimized = optimized.sort();
|
||
return optimized;
|
||
};
|
||
|
||
/** woff2 wasm 初始化 Promise（延迟初始化，只执行一次） */
|
||
let woff2InitPromise: Promise<void> | null = null;
|
||
|
||
/** 确保 woff2 wasm 已初始化，首次调用时加载 711KB wasm */
|
||
async function ensureWoff2Init(): Promise<void> {
|
||
if (!woff2InitPromise) {
|
||
const woff2Module = await import("../../vendor/fonteditor-core/woff2/index.js");
|
||
const mod = (woff2Module as any).default || woff2Module;
|
||
woff2InitPromise = mod.init().then(() => {});
|
||
}
|
||
return woff2InitPromise;
|
||
}
|
||
|
||
/** 序列化为指定格式的二进制数据 */
|
||
export const writeFont = async (
|
||
font: ReturnType<ReturnType<typeof Font.create>["optimize"]>,
|
||
outType: FontEditor.FontType,
|
||
): Promise<Uint8Array> => {
|
||
if (outType === "woff2") {
|
||
await ensureWoff2Init();
|
||
}
|
||
const result = font.write({ type: outType });
|
||
if (typeof result !== "string") {
|
||
return new Uint8Array(result);
|
||
}
|
||
return new TextEncoder().encode(result);
|
||
};
|
||
|
||
/**
|
||
* 完整的字体裁剪流程（当前生产实现）
|
||
* 解析 -> subset -> 优化 -> 序列化
|
||
*/
|
||
export const fontSubset = async (
|
||
fontBuffer: ArrayBuffer,
|
||
subString: string,
|
||
option: { sourceType: FontEditor.FontType; outType: FontEditor.FontType },
|
||
) => {
|
||
const codePoints = textToCodePoints(subString);
|
||
const font = createSubsetFont(fontBuffer, codePoints, option.sourceType);
|
||
const optimized = optimizeFont(font);
|
||
return writeFont(optimized, option.outType);
|
||
};
|