压缩字体以减小文件大小

我为什么需要压缩字体文件？

字体压缩解决了网页性能和存储问题。您的网站使用的自定义字体总计 2MB，导致页面加载缓慢。您的字体库有 500 种字体，占用 5GB 的存储空间。您的移动应用因嵌入字体而超出大小限制。也许您正在分发一个过大的字体包，无法通过电子邮件发送，或者您需要优化网页字体以获得更好的 Core Web Vitals 分数和更快的渲染速度。

不同的场景需要不同的压缩级别。网页字体受益于激进的压缩（子集到使用的字符，移除提示），因为每 KB 都会影响页面加载时间。桌面字体库可以使用适度压缩来节省存储，同时保留所有字形。图标字体非常适合进行大量子集，因为您只需要特定的字形。压缩字体可以改善网站性能，降低托管带宽成本，满足平台上传限制，并在大型字体集合中节省存储。

字体压缩是如何工作的？

我们的压缩工具使用简单、安全的过程：

上传您的字体

拖放您的字体文件或点击浏览。您的文件在上传过程中使用 SSL 加密。无文件大小限制——包括大型 CJK 字体。

选择压缩设置

选择质量预设（快速、正常、最大、超高）或自定义子集、提示和表优化设置。我们的界面显示估计的文件大小减少。

服务器处理

您的字体在我们的服务器上使用专业工具进行压缩。快速、高效的压缩，在减少文件大小的同时保留字形质量。

下载与清理

下载您的压缩字体。我们会在 1 小时内自动删除服务器上的所有文件，以保护您的隐私。没有文件会被永久存储。

整个过程通常只需几秒钟。您的原始字体不会被修改。

我应该使用什么压缩设置？

根据您的需求选择压缩设置：

快速（低质量）

适合在文件大小至关重要时进行快速压缩。启用 Unicode 子集并移除提示。非常适合字符使用有限的网页字体、带宽有限的分发或存储空间极其紧张时。

正常（中等质量）

平衡的压缩，质量良好。禁用子集并保留提示，但优化字体表。最适合一般使用、库优化和标准网页字体分发。大多数用户应从这里开始。

最大（高质量）

高质量，适度压缩。保留所有字形和提示，仅优化表。非常适合桌面字体、专业排版或字形质量和提示至关重要的字体。

超高（最大质量）

无质量损失，最小压缩。保留所有内容，包括未优化的表。当您需要接近原始质量但稍微减少文件大小时非常完美。最适合存档、母版副本或专业设计工作。

自定义设置

使用高级选项微调压缩。控制 Unicode 子集（移除未使用的字符）、切换提示移除（影响屏幕渲染）、调整表优化（影响文件结构）。非常适合特定需求，如平台上传限制或字符集需求。

仍然不确定？

对于大多数网页字体，从正常开始。对于字符有限的网页字体（仅拉丁文），使用快速。对于质量至关重要的桌面字体，使用最大。对于专业设计工作或需要接近原始质量时，使用超高。

按使用案例的快速指南

网页字体（仅英文）：快速且支持子集。网页字体（多语言）：正常。桌面字体：最大。设计/档案：超高。图标字体：快速且支持大量子集。

请记住：如果第一次结果不理想，您可以始终使用不同的设置重新压缩。在目标环境中测试压缩后的字体，以确保质量符合您的需求。

什么是字体子集？

字体转换质量取决于源格式和目标格式：无损转换 - TTF ↔ OTF（两者使用相似结构），WOFF ↔ TTF/OTF（WOFF是压缩的TTF/OTF），PFB ↔ PFA（相同数据，不同编码）。几乎无损 - TTF/OTF → WOFF2（优秀压缩，数据变化最小）。一些数据丢失 - SVG字体（功能支持有限），遗留格式转换（旧格式功能较少）。

保留的内容：所有字形轮廓（实际形状）、Unicode字符映射、基本字体度量（宽度、高度、上升、下降）、字距对（字母间距）、家族和样式信息。可能会改变的内容：高级OpenType特性（在简单格式中）、提示信息（针对屏幕渲染的优化）、元数据（某些格式支持较少的元数据）。

转换建议：为了最大限度地保留质量，在现代格式（TTF、OTF、WOFF、WOFF2）之间转换。当转换为网页字体时，质量损失最小 - 字体在浏览器中呈现相同。当从遗留格式转换时，一些高级特性可能无法转移。在生产项目中使用之前，请始终测试转换后的字体。

我如何在我的网站上使用转换后的字体？

要在网站上使用转换后的字体，您需要：(1) 将字体转换为网页格式（WOFF2 和 WOFF 以确保兼容性），(2) 将字体上传到您的服务器，(3) 添加 @font-face CSS 规则，(4) 将字体应用于元素。示例 CSS: @font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); font-weight: normal; font-style: normal; }

网页字体的最佳实践：主要使用WOFF2（更好的压缩，更快的加载），为旧浏览器包含WOFF后备，子集字体以仅包含所需字符（减少文件大小），使用font-display: swap以获得更好的感知性能，预加载关键字体（），在同一域上托管字体或使用CDN，在服务器传输期间压缩字体文件。

性能提示：现代网页字体很小（西文字体20-50KB）。WOFF2提供比WOFF更好的30%压缩。子集字体可以为单语言网站减少80%以上的大小。在自定义字体加载时使用系统字体后备。考虑使用可变字体以支持多种权重/样式。在慢速连接上测试字体加载。监控核心网页指标的影响。

我可以转换 Google Fonts 或其他商业字体吗？

字体转换的法律考虑：开源字体 - 来自 Google Fonts、Adobe Fonts（部分）、Font Squirrel（免费字体）的字体可以在许可证允许的情况下自由转换。请检查单个字体许可证。商业字体 - 您购买的具有转换权利的字体可以用于您的使用。请检查您的许可证协议。重新分发可能被禁止。免费字体 - “仅供个人使用”的字体可能不允许转换或商业使用。始终阅读许可证。

Google Fonts 特别说明：Google Fonts 是开源的（SIL 开放字体许可证或 Apache 许可证）。您可以将 Google Fonts 转换为您自己的使用。您可以在网站上使用转换后的 Google Fonts。您可以修改并转换它们。您不能出售转换后的 Google Fonts。首先从 fonts.google.com 下载，然后进行转换。根据许可证要求给予适当的归属。

安全实践：仅转换您有权使用和转换的字体。将许可证与转换后的字体一起保留。不要重新分发转换后的商业字体。对于客户的项目，确保他们拥有适当的许可证。如有疑问，请使用开源字体（Google Fonts、Font Squirrel 免费字体）。考虑为商业项目购买网页字体许可证。尊重字体创作者的权利和许可条款。

TTF和OTF字体有什么区别？

TTF（TrueType 字体）与 OTF（OpenType 字体）：TTF 是由 Apple 和 Microsoft 在 1980 年代开发的。使用二次 Bézier 曲线作为字形轮廓。适用于所有平台。适合简单字体和屏幕显示。所有软件广泛支持。文件大小通常大于 OTF。在小尺寸下屏幕渲染的提示更好。

OTF 是由 Adobe 和 Microsoft 开发的 TTF 扩展。使用三次 Bézier 曲线（PostScript 曲线）。支持更多高级排版功能（连字、替代、上下文替换）。更适合复杂脚本和专业排版。支持更多字形（65,000+ 对比 65,000 限制）。更适合打印和专业设计工作。现代专业字体的标准。

何时使用每种字体：使用TTF用于 - 简单网页字体、最大兼容性、遗留系统支持、优化用于屏幕显示的字体。使用OTF用于 - 专业设计工作、具有高级特性的字体、印刷制作、复杂脚本（阿拉伯语、天城文）、重排版项目。现代系统对两者的支持同样良好。对于网页使用，格式的重要性较小（两者都可以转换为WOFF/WOFF2）。根据所需的字体特性进行选择。

我如何确保转换后的字体在所有浏览器中都能正常工作？

浏览器字体格式支持：WOFF2 - 支持Chrome 36+、Firefox 39+、Safari 12+、Edge 14+（全球支持率95%）。WOFF - 支持IE 9+，所有现代浏览器（全球支持率99%）。TTF/OTF - 所有浏览器均支持，但文件较大。EOT - 仅IE 6-11（仅限遗留）。SVG - 已弃用，避免用于新项目。策略：提供WOFF2 + WOFF以实现全面覆盖。

跨浏览器 CSS 示例：@font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), /* 现代浏览器 */ url('myfont.woff') format('woff'); /* 备用 */ font-weight: normal; font-style: normal; font-display: swap; /* 更好的加载体验 */ } 这覆盖了 99.9% 的浏览器。除非支持 IE 8，否则跳过 EOT。

测试建议：在 Chrome、Firefox、Safari、Edge 上测试（覆盖 95%+ 用户）。检查 Windows 和 Mac 上的字体渲染（不同的渲染引擎）。在移动设备上测试（iOS Safari、Chrome Android）。使用像 BrowserStack 这样的工具进行全面测试。验证备用字体是否正确加载。检查字体显示行为。监控加载性能。确保没有 FOUT（未样式文本闪烁）或 FOIT（不可见文本闪烁）。

我可以转换可变字体吗？

可变字体是具有可变轴（权重、宽度、倾斜、光学大小）的OpenType字体。它们在一个文件中包含多种样式。转换可变字体：从TTF/OTF可变到WOFF2可变 - 完全支持，保持所有轴。可变格式之间 - 是的，所有可变特性均保留。转换为静态字体 - 可能，但失去可变功能（创建单一权重/样式）。从静态转换为可变 - 不可能（需要原始设计源）。

可变字体的好处：单个文件包含多种权重/样式（总文件大小显著更小），权重之间平滑插值，自定义权重值（不受预定义权重的限制），更好的网页性能（一次请求与多次请求），响应式排版的可能性，更小的带宽使用。示例：Roboto可变字体（84KB）与Roboto常规 + 粗体 + 斜体 + 粗斜体（150KB+）。

使用可变字体：转换为 WOFF2 以获得最佳压缩和浏览器支持。使用 CSS：font-variation-settings: 'wght' 450; 用于自定义权重。测试浏览器支持（自 2018 年以来所有现代浏览器均支持）。为旧浏览器提供非可变的备用。考虑可变字体用于：大型字体系列、响应式设计、性能关键网站、现代网页项目。Google Fonts 提供许多免费的可变字体。

网页字体的最佳实践是什么？

格式和优化：将WOFF2作为主要格式（比WOFF小30-50%）。为旧浏览器包含WOFF后备。子集字体以移除未使用的字形（西文文本减少50-80%的大小）。移除未使用的语言字符集。使用font-display: swap以获得更好的感知性能。预加载关键字体：。

加载策略：异步加载字体以避免阻塞页面渲染。使用系统字体堆栈进行初始渲染。实施font-display: swap或可选。限制字体家族数量（最多1-2个）。限制权重数量（仅限所需权重）。自托管字体以获得更好的控制和性能。考虑使用可变字体以减少文件数量。积极缓存字体（1年+）。

性能指标：目标总字体重量<100KB。关键字体应在<1秒内加载。监控字体交换的累积布局偏移（CLS）。使用符合大小指标的后备字体。在3G连接上测试。优化字体加载顺序（优先加载关键字体）。考虑使用系统字体作为正文文本，自定义字体作为标题。测量对核心网页指标的影响。良好的字体策略改善性能和用户体验。

我如何批量转换多个字体？

我们的字体转换器支持批量转换：一次上传多个字体文件，选择输出格式（适用于所有文件），点击转换，下载包含所有转换字体的ZIP档案。这在以下情况下节省时间：转换整个字体家族，为网页使用准备多个字体，批量处理客户字体，转换遗留字体集合，设置新设计项目。

批量转换的好处：一次操作处理整个字体家族，所有字体输出格式一致，比单独转换更快，自动ZIP打包以便于下载，保持原始文件名，适合专业工作流程。示例：上传一个字体家族（常规、粗体、斜体、粗斜体），一次性全部转换为WOFF2，下载包含所有转换文件的单个ZIP。

批量工作流程提示：在上传之前整理字体（清晰命名文件），将相关字体放在一起（家族成员），转换为相同目标格式以保持一致性，使用批量转换为网页字体准备，下载ZIP并提取到项目文件夹，测试所有转换后的字体，保留原始文件作为备份。对于非常大的批量（50+字体），考虑分组转换以确保稳定性。

转换后字体的许可情况如何？

字体许可和转换：原始许可始终适用于转换后的字体。转换格式不会改变许可条款。如果字体许可禁止转换，则不要转换。如果许可禁止网页使用，则不要在网站上使用（即使是网页格式）。如果许可仅限个人使用，则转换后的字体仍然仅限个人使用。始终遵守原始字体许可条款。

常见许可类型：SIL开放字体许可（OFL） - 可以转换、使用、修改、再分发（需注明来源）。Apache许可 - 类似于OFL，允许商业使用。个人使用免费 - 通常仅允许用于个人项目的转换。商业许可 - 检查条款；通常允许用于购买的用例的转换。桌面许可 - 可能不包括网页使用权（需要单独的网页许可）。

安全实践：在转换前阅读许可证，保持许可证文件与转换后的字体一起，不要在未获许可的情况下分发转换后的商业字体，为商业项目购买适当的许可证，尽可能使用开源字体（Google Fonts），教育客户关于字体许可的知识，尊重字体创作者的知识产权。如有疑问，请联系字体创作者或使用免费/开源字体。

我可以为移动应用转换字体吗？

移动应用的字体格式：iOS（iPhone/iPad） - 支持 TTF、OTF（首选）。将字体包含在应用程序包中。在 Info.plist 中注册。Android - 支持 TTF、OTF。放在 assets/fonts 文件夹中。以编程方式或通过 XML 加载。为了在各平台之间实现最大兼容性，转换为 TTF 或 OTF。移动应用不使用网页字体（WOFF/WOFF2）。

移动字体实现：对于 iOS：将字体文件添加到 Xcode 项目中，将字体名称添加到 Info.plist（UIAppFonts 数组），在代码中使用：UIFont(name: 'FontName', size: 16)。对于 Android：将字体放在 assets/fonts/ 中，以代码加载：Typeface.createFromAsset(assets, 'fonts/fontname.ttf')，在 XML 中使用字体系列属性。两个平台：OTF 提供更多功能，TTF 兼容性稍好。

移动应用字体提示：使用 OTF 以获得更好的排版功能，如果可能，子集化字体（减少应用大小），在多个设备上测试，考虑可变字体以节省大小（iOS 11+，Android 8+），仅捆绑所需的权重，遵守字体许可证（应用分发即为重新分发），在不同屏幕密度上测试字体渲染，提供备用字体。移动字体文件会增加应用下载大小 - 尽可能优化。

性能最佳的字体格式是什么？

字体格式性能比较：WOFF2 - 最佳压缩（比WOFF小30%，比TTF小50%），快速解压缩，所有现代浏览器支持，网页的最佳选择。WOFF - 良好的压缩（比TTF小40%），通用浏览器支持，良好的后备。TTF/OTF - 无压缩，文件较大，加载较慢，仅用于桌面。EOT - 仅限IE，遗留，避免使用。

性能优化策略：仅对现代浏览器使用WOFF2（支持95%+），子集字体以移除未使用的字符（减少50-80%的大小），使用可变字体而不是多个文件（减少50-70%的总大小），实施font-display: swap以获得更好的感知性能，预加载关键字体以立即开始加载，积极缓存字体（1年），使用服务工作者在本地缓存字体。

现实世界示例：Google Fonts 为现代浏览器提供 WOFF2（最佳性能）。亚马逊对字体进行了大量子集化（仅使用的字形）。苹果在最近的网站上使用可变字体（减少 HTTP 请求）。Medium 预加载关键字体（更快的初始渲染）。最佳实践：转换为 WOFF2，为您的语言子集化，测量影响，迭代。典型优化字体：15-30KB（对比 150-300KB 未优化）。良好的字体策略显著改善页面加载时间和用户体验。

我如何排查字体转换问题？

常见转换问题及解决方案：转换后字体不显示 - 检查 CSS @font-face 语法，验证文件路径，确保跨域字体的 CORS 头，测试不同浏览器。字符缺失 - 原始字体可能不包含这些字符，尝试不同的源格式，确保两个格式都支持 Unicode。文件大小过大 - 使用 WOFF2 以获得更好的压缩，子集化字体以删除未使用的字形，删除不必要的字体特性。

特定格式问题：WOFF2无法工作 - 检查浏览器支持（IE不支持），确保CSS中正确的format()，验证文件未损坏。EOT问题 - EOT仅限IE，使用条件注释针对IE，验证IE版本支持。SVG字体问题 - SVG字体已弃用，改为转换为WOFF/WOFF2，浏览器支持有限。PostScript（PFB/PFA）问题 - 这些用于打印/桌面，而不是网页，转换为OTF以供桌面使用。

调试清单：在转换前验证源字体是否有效，使用字体查看工具检查转换后的字体，验证 @font-face CSS 语法，在多个浏览器中测试，检查浏览器开发者工具中的字体加载错误，验证服务器上的正确 MIME 类型（font/woff2、font/woff、font/ttf），确保如果从不同域加载则有 CORS 头，尝试不同的转换设置，先测试简单字体，检查字体文件是否损坏。大多数问题是 CSS/服务器配置，而不是转换质量。