string.fromcodepoint() 仅将 unicode 码点转为字符，不生成字体；“自定义字体映射”实为语义标签（如 "arrow_up"）到码点（如 0x2191）的映射，再用该方法转成字符；需用对象或 map 统一管理映射，批量转换时注意码点有效性并做容错处理。
String.fromCodePoint() 本身不生成字体或映射表，它只是将 Unicode 码点转为字符串字符。所谓“自定义字体映射”，实际是指：**预先定义一组语义标签（如 "arrow_up"）→ 对应特定 Unicode 码点（如 0x2191）→ 用 String.fromCodePoint() 转成可显示字符**。关键在构建和管理这个映射关系，而非合成字体。
明确映射结构：用对象或 Map 存语义名到码点
避免硬编码散落各处。推荐用纯对象字面量或 Map 统一维护：
// ✅ 推荐：清晰、可读、易扩展
const iconMap = {
arrow_up: 0x2191, // ↑
arrow_down: 0x2193, // ↓
check: 0x2713, // ✓
cross: 0x2717, // ✗
heart: 0x2665, // ♥
sun: 0x2600, // ☀
};
<p>// 或用 Map（适合动态增删）
const iconMap = new Map([
['arrow_up', 0x2191],
['check', 0x2713],
['heart', 0x2665],
]);
</p>批量生成字符：遍历映射，调用 fromCodePoint
对每个键值对，用 String.fromCodePoint(codePoint) 转换。注意：码点必须是整数，支持多码点（如 emoji）：
// 批量生成字符对象
const icons = {};
for (const [name, codePoint] of Object.entries(iconMap)) {
icons[name] = String.fromCodePoint(codePoint);
}
// → { arrow_up: "↑", check: "✓", heart: "♥" }
<p>// 支持 emoji（需传入完整码点序列）
const emojiMap = {
face_grin: [0x1F600], // ? 单码点
flag_us: [0x1F1FA, 0x1F1F8], // ?? 两个区域指示符
};
Object.entries(emojiMap).forEach(([name, codePoints]) => {
icons[name] = String.fromCodePoint(...codePoints);
});
</p>安全使用：校验码点有效性，避免报错
String.fromCodePoint() 对非法码点（如负数、超限值）会抛出 RangeError。批量处理时建议包裹 try/catch 或预校验：
function safeFromCodePoint(codePoint) {
if (typeof codePoint !== 'number' ||
codePoint 0x10FFFF ||
!Number.isInteger(codePoint)) {
console.warn(`Invalid code point: ${codePoint}`);
return '';
}
return String.fromCodePoint(codePoint);
}
<p>// 批量转换带容错
const icons = {};
for (const [name, codePoint] of Object.entries(iconMap)) {
icons[name] = safeFromCodePoint(codePoint);
}
</p>配合 CSS 实现“伪字体”效果（非真实字体文件）
若目标是像图标字体（如 Font Awesome）一样用类名渲染符号，可结合 CSS ::before 和 content：
<style>
.icon::before { font-family: sans-serif; }
.icon.arrow_up::before { content: "↑"; } /* 或用 Unicode 转义 \2191 */
.icon.check::before { content: "✓"; }
</style><p><span class="icon arrow_up"></span>
<span class="icon check"></span>
</p>此时映射表的作用是：**生成 CSS 中的 content 值或 JS 中的 innerText**，而非创建新字体文件。真要生成 Web 字体（.woff），需用字体工具（如 glyphhanger + fontforge），与 fromCodePoint 无关。
