字体资讯
字体格式woff、woff2、eot、svg这些web字体格式有什么区别？
发布时间：
Web 字体格式：EOT / TTF / SVG / WOFF / WOFF2 完整区别：现代项目优先使用 WOFF2，降级 WOFF；EOT 只兼容古董 IE，SVG 字体基本淘汰。
各个格式简介与优缺点：
① EOT（Embedded OpenType）
诞生目的：微软专为 IE 设计
支持浏览器：仅 IE4 ~ IE8，现代浏览器全部不支持
特点：基于 TTF 封装，支持字体嵌入限制，文件体积偏大，只给老旧 IE 兼容使用。
② TTF / OTF（TrueType / OpenType）
桌面系统原生字体文件（电脑安装的字体就是 ttf）
优点：兼容性广
缺点：没有压缩，体积巨大；早期移动端有部分兼容问题
③ SVG Font（svg）
将字体轮廓写成 SVG 矢量图形
曾经用途：旧版 Safari iOS <4.2 唯一支持的 web 字体
④ WOFF（Web Open Font Format）
W3C 标准，专门为网页设计的字体格式
本质：TTF/OTF 进行 zlib 压缩 + 额外元数据封装
⑤ WOFF2（WOFF 2.0）⭐推荐首选
WOFF 升级版，采用Brotli 压缩算法
压缩率相比 WOFF 再减少～30%，相比 TTF 最多能缩小 50%+
浏览器支持：Chrome、Firefox、Edge、Safari 10+（2016 年后所有主流浏览器）
本文章资讯：字体格式woff、woff2、eot、svg这些web字体格式有什么区别？的内容来源于互联网，转载及分享仅作信息传播分享之用，文中所述观点内容真实性请自行核实，如存在版权侵权问题，欢迎私信联系，我们将第一时间予以处理。