Closed wenwenx01 closed 5 months ago
问题： 前端性能优化时发现使用kpc3框架打包后字体文件较大，查看打包后资源中@font-face引入第一个字体顺序eot，但chrome下使用的是ttf字体，没有woff2字体； 原因： @font-face 规则中，.eot 文件是首先被列出的，但是 Chrome 并不优先使用 .eot 格式。.eot 格式主要是为了兼容旧版本的 IE 浏览器。Chrome 支持更现代的字体格式，如.woff2, .woff 和 .ttf，并且会优先使用这些格式。 建议： @font-face第一顺序使用WOFF2 格式的文件，它的体积通常是最小的，@font-face 规则中，可以按照优先级顺序列出 WOFF2、WOFF、TTF 和 EOT 等格式的字体文件
问题： 前端性能优化时发现使用kpc3框架打包后字体文件较大，查看打包后资源中@font-face引入第一个字体顺序eot，但chrome下使用的是ttf字体，没有woff2字体； 原因： @font-face 规则中，.eot 文件是首先被列出的，但是 Chrome 并不优先使用 .eot 格式。.eot 格式主要是为了兼容旧版本的 IE 浏览器。Chrome 支持更现代的字体格式，如.woff2, .woff 和 .ttf，并且会优先使用这些格式。 建议： @font-face第一顺序使用WOFF2 格式的文件，它的体积通常是最小的，@font-face 规则中，可以按照优先级顺序列出 WOFF2、WOFF、TTF 和 EOT 等格式的字体文件