制作网页字体回退

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 $200 的免费额度!

这里有一段很棒的代码,Glen 使用 Font Style Matcher 来创建一些用于回退字体的 CSS,这些 CSS 的 font-sizeline-heightfont-weightletter-spacingword-spacing 调整得非常完美,以至于当网页字体加载时,页面几乎没有发生任何偏移。就像几乎无法察觉的 FOUT。也许我们可以称它为 FOCST(精心设计文本的闪现)。

直接链接 →