我所拥有的是一个 font-family CSS 声明,用于首选使用风格化的 Web 字体,然后回退到系统字体。这个方法虽然有效,但我的 Web 字体非常大,约 15MB(中文字体),即使将其托管在 CDN 上,加载时间也超过了 5 秒。
问题在于不同浏览器处理显示方式不同。我认为 Firefox 有首选方式,即先使用可用的字体(系统字体),并在准备好时(加载完成)逐渐显示 Web 字体。
然而,Chrome 只尝试首先使用 Web 字体(因为它在 font-family 中排名第一),并在字体准备好渲染文本时显示空白空间。
有没有办法使 Chrome 的行为与 Firefox 相同?
编辑:添加 font-family 声明。
问题在于不同浏览器处理显示方式不同。我认为 Firefox 有首选方式,即先使用可用的字体(系统字体),并在准备好时(加载完成)逐渐显示 Web 字体。
然而,Chrome 只尝试首先使用 Web 字体(因为它在 font-family 中排名第一),并在字体准备好渲染文本时显示空白空间。
有没有办法使 Chrome 的行为与 Firefox 相同?
编辑:添加 font-family 声明。
font-family: "Noto Sans CJK TC", "Microsoft Yahei", "微软雅黑",
SimHei, "黑体", STHeiti, "华文黑体", sans-serif;
font-family: '中文字体', sans-serif
。 - undefinedfont
的CSS文件。 - undefined