在上一篇文章中,我们讨论了如何「掩盖」Typekit的加载过程。必须承认,这是一种消极的优化手段,甚至都称不上是一种优化。

其实Typekit远比我们想象得更加智能,它提前为我们缩减在线字库文件大小预留了充分的可能性。

要实现为字库「瘦身」,大致可遵循以下三大原则:

  • 剔除不需要的字重(font-weight),仅留下CSS在渲染页面时所需的;
  • 合理选择字体适用的语言;
  • 非必要时,尽可能关闭「OpenType功能」。

设置方法如上图,设置完才41K

关于第一点,我们其实很好理解。字体设计开发者会在某些字库中置入多种字重,以方便用户获取不同粗细的字体。但我们在日常使用的时候,每种字体至多用到三种字重,分别用来渲染标题、正文和加粗正文。在这种情况下,我们可以考虑通过剔除用不到的字重来缩减在线字库的大小。

此外,每种在线字体会包含很多用不到的字符,因此我们可以在设置中将「Character Set」从默认状态改成「Dynamic Subsetting」。这一设置会根据网页上实际用到的字符来生成文字。

最后是「OpenType Feature」部分,该功能为字体提供了诸如连笔、手写体、上标、序数、老式数字之类的额外样式。如果在显示中对此类样式没有要求的话,不妨取消勾选,这也能从较大程度上缩减字库的尺寸。