标签：Variable Fonts

前端字体优化

前言想写这篇文章已经很久很久了，最近狠下心来整理这些资料，希望能帮助到大家。合适的字体格式字体文件有很多种：ttf、otf、eot、svg、woff、woff2；不同的格式用于不同的使用场景，而且大部分格式其实都不推荐使用，最终最值得使用的就是 woff2 格式。格式推荐优先级WOFF2：面向所有现代浏览器，性能最优。WOFF：面向稍旧一些的浏览器，作为 WOFF2 的主要备选。TTF/OTF：面向更老旧的移动浏览器。EOT (可选)：仅在需要兼容 IE8 及以下浏览器时才添加。SVG (基本不用)：除非有极端罕见的兼容性需求。最佳实践代码一个健壮的@font-face 实践代码：@fo...