1. 产品
  2.   Font
  3.   JavaScript
  4.   Fontkit
 
  

免费 JavaScript 库，用于加载、优化和转换字体

开源 JavaScript 字体引擎，支持字体操作、文本布局与渲染、字形路径提取、字体子集化以及通过 JavaScript API 的优化。

在排版领域，选择合适的字体可以显著影响任何设计项目的视觉吸引力和整体用户体验。为了简化字体处理并提升创意可能性，开发者和设计师通常依赖强大的库和工具。Fontkit 是一个开源库，已成为该领域的颠覆者，提供了广泛的功能，并因其强大的字体管理能力和易于集成而受到广泛欢迎。

Fontkit 提供了强大的开源 API，帮助软件开发者和设计师使用一套全面的工具以编程方式处理字体。API 包含多项实用功能，例如高级字形替换、字形路径提取、读取字形度量、字形布局、彩色表情符号字形、字体子集化、字距调整支持、获取字形向量路径并将其转换为 SVG 路径、创建新字体、字符到字形映射支持等。

Fontkit 已支持多种流行的字体文件格式，如 TrueType（.ttf）、OpenType（.otf）、WOFF、WOFF2、TrueType Collection（.ttc）以及 Datafork TrueType（.dfont）字体文件。它旨在跨不同平台和环境无缝工作。无论您是开发网页、桌面还是移动应用，Fontkit 都能提供一致的性能和兼容性。其丰富的功能、灵活性和平台兼容性使其成为排版相关任务的不可或缺工具，也是软件开发者的宝贵利器，能够节省时间、精力和避免麻烦。

Previous Next

开始使用 Fontkit

推荐使用 npm 来使用 Fontkit。请使用以下命令在项目中顺利添加 Fontkit 库。

通过 npm 安装 Fontkit

 npm install fontkit

您也可以手动安装；直接从 GitHub 仓库下载最新的发布文件。

字形访问与操作

通过使用免费的 Fontkit API，软件开发者可以访问字体中的单个字形，并进行缩放、旋转，甚至组合等操作，以创建自定义排版效果。该 API 提供了有价值的方法来检索字形总数并获取每个字形的详细信息，包括其 Unicode 码点、名称、边界框尺寸等。此功能有助于检查字体的字符覆盖范围，并确保其支持特定语言或书写系统所需的字符。

如何通过 JavaScript API 访问和渲染字形？

export default class GlyphPosition {
  constructor(xAdvance = 0, yAdvance = 0, xOffset = 0, yOffset = 0) {
    /**
     * The amount to move the virtual pen in the X direction after rendering this glyph.
     * @type {number}
     */
    this.xAdvance = xAdvance;

    /**
     * The amount to move the virtual pen in the Y direction after rendering this glyph.
     * @type {number}
     */
    this.yAdvance = yAdvance;

    /**
     * The offset from the pen position in the X direction at which to render this glyph.
     * @type {number}
     */
    this.xOffset = xOffset;

    /**
     * The offset from the pen position in the Y direction at which to render this glyph.
     * @type {number}
     */
    this.yOffset = yOffset;
  }
}

通过 JavaScript 进行文本布局和渲染

开源的 Fontkit API 为 JavaScript 应用程序提供了对高级文本布局和渲染功能的完整支持。软件开发者可以利用其特性处理复杂的文本布局、多语言排版和复杂的渲染算法，在各平台和设备上交付卓越的效果。该 API 支持字形塑形、字距调整和字母间距、文本测量、抗锯齿和微调、字体缓存等众多功能。其强大的文本布局和渲染能力使其成为从事排版工作的开发者的有力工具。

通过 JS API 管理字体分析与元数据

开源的 Fontkit 库提供强大的字体分析功能，使开发者能够探索并提取字体文件中的重要信息。它提供了一套全面的工具来分析字体，包括检索元数据，如字体族、粗细、样式和支持的字符集。这些信息对于字体选择和文本布局决策极为宝贵。它还包含验证机制，以检查字体文件的完整性和正确性。它可以检测并报告潜在问题，例如缺失或格式错误的表格、不兼容的字体格式或特定字体错误。

 中国人