字体导入

导入自定义字体是创建高质量位图字体的核心功能。SnowB BMF 提供了强大的加载外部字体文件的选项，让您能够精确控制字形的渲染。该应用程序提供两种渲染模式，根据您加载字体的方式，它们各有优势。

支持的字体格式

您可以导入多种标准字体格式，确保您几乎可以使用任何您拥有的字体文件。

• TTF (TrueType 字体) - 因其出色的兼容性而被推荐。
• OTF (OpenType 字体) - 完全支持所有特性。
• WOFF (Web 开放字体格式) - 适用于压缩的 Web 字体。

字体回退系统如何工作

SnowB BMF 具有强大的多字体回退链。这使您可以组合多个字体，以确保完整的字符覆盖。在生成字形时，应用程序会按照字体导入的顺序搜索每个字符：

1. 主字体 (您导入的第一个字体) - 用于绝大多数字符。
2. 次要及其他字体 - 如果在主字体中找不到某个字符，应用程序会搜索列表中的下一个字体，依此类推。
3. 系统字体 (最终回退) - 如果在任何导入的字体中都找不到某个字符，则会使用浏览器的默认系统字体作为最后的手段。

该系统非常适合需要广泛语言支持的项目。例如，您可以将一个主要的英文字体（拉丁文）与一个次要的中文字体（CJK）结合起来，以在单个位图字体中覆盖这两种字符集。

字体渲染模式

矢量渲染 (推荐)

当您使用 “Add Font File” 按钮导入字体时，应用程序会使用矢量渲染。这种先进的方法使用强大的 opentype.js 库直接解析字体的轮廓数据。

矢量渲染的主要优势：

• 高精度字形：直接从字体的矢量数据渲染，以获得最大程度的准确性。
• “锐化”功能：启用独特的对齐网格功能，以增强字形清晰度。
• 精确的度量：直接从字体的元数据中提取精确的字体基线和测量值。
• 无缝的字体回退：当字符缺失时，自动在字体之间切换。
• 高级排版：保留并利用字偶距对，以实现专业级的文本间距。

Canvas 渲染 (基本回退)

如果字体无法作为矢量文件解析，应用程序将默认使用浏览器的标准 Canvas 文本渲染 (measureText() 和 fillText())。

Canvas 渲染的局限性：

• “锐化”功能被禁用：“锐化”滑块被禁用，因为没有可供操作的矢量数据。
• 依赖浏览器：渲染结果可能因不同的 Web 浏览器而异。
• 精度有限：依赖于浏览器精度较低的文本测量 API。

“锐化”功能：实现像素级的清晰度

锐化功能是矢量渲染的一个关键优势，它实现了一种对齐网格的算法，可显著增强字形清晰度，尤其是在小尺寸下。

工作原理

锐化功能会智能地调整每个字形的矢量路径，使其与像素网格对齐。

• 对齐强度：由一个百分比（0-100%）控制。
• 网格对齐：将矢量坐标四舍五入到最近的像素边界。
• 路径优化：调整控制点以创建更清晰的曲线和线条。
• 清晰度增强：减少抗锯齿伪影，从而在小字号下产生更清晰的文本。

推荐设置

• 0%：无对齐。原始、未经修改的字形形状。
• 50%：中等对齐，在平滑度和清晰度之间提供了良好的平衡。
• 80%：默认设置，适用于大多数用例。
• 100%：最大对齐，适用于像素艺术风格。

注意：“锐化”功能仅适用于导入的矢量字体。

最佳实践

1. 始终导入字体：为获得最高的质量和控制力，请始终使用“添加字体文件”功能。
2. 规划您的回退链：首先导入您的主字体，然后是用于附加字符集的补充字体。
3. 从 80% 的锐化开始：这是一个很好的起点。根据您的目标字体大小和显示分辨率进行调整。
4. 测试字符覆盖范围：确保您的字体组合覆盖所有必需的字符（例如，拉丁文、中日韩文、符号）。
5. 在目标尺寸下预览：“锐化”设置的效果在最终的目标分辨率下最为明显。

故障排除

为什么“锐化”滑块被禁用了？

• 当您未使用导入的矢量字体时会发生这种情况。请确保您已通过“添加字体文件”按钮添加了字体。

为什么我的字体看起来很模糊？

• 尝试提高“锐化”百分比以获得更清晰的边缘。此外，请确保您的预览尺寸与最终显示分辨率相匹配。

为什么有些字符会丢失？

• 导入的字体可能不包含那些特定的 Unicode 字符。请将另一个包含缺失字符的字体添加到回退链中。

为什么我的字体导入失败了？

• 请仔细检查文件是否为支持的格式（TTF、OTF 或 WOFF），并确保文件没有损坏。