2017-08-30 130 views
-1

在生产网站(不能透露),正常重量的字体似乎先渲染,然后用粗体重的字体得到渲染。 两者都使用相同的字体系列。在Chrome/Opera上可以看到这种行为。 正常和粗体字体从不同的字体文件加载(woff)。文件下载之间几乎没有时间差异。HTML文字与字体重量:正常是先渲染和字体重量:粗体后

任何方式,我可以改善这一点? enter image description here

请看附件图片中的nytimes.com。这种行为不适合我。对于我的网站,Normal Font权重首先加载然后加粗。此外,文本是在同一部分enter image description here

+0

你如何看待我们无需任何代码就可以回答? – Utkanos

+0

@Ukkanos你为什么需要这个代码..其简单的两个字体文件加载和渲染是不同的。我对此投下反感,最近更加恼火。你有任何建议,任何线索......显然,作为一名开发人员,由于时间不够,无法成为所有人的专家。那么为什么这是低调?您提出建议 – user1428716

+0

@Utkanos - 需要说明为什么你已经投下了这个问题 – user1428716

回答

0

如果由于加载时间的问题,你有1样式表加载和应用,然后其他加载和覆盖,那么你有几个选择去做。

你还没有提供任何代码,所以我打算在理论上进行谈话,并说如果它不影响其他元素,就可以删除被覆盖的声明。

您也可以使用JavaScript不显示页面/特定元素,直到两个样式表都被加载,这意味着您谈论的问题永远不会被看到。

这是我可以提供的所有帮助,而无需查看正确的代码方案。

+0

感谢您的回复。这里的问题是我不能共享代码。两个具有不同字体重量的字体文件在相同的时间段内加载。看看jpmorgan,com @文本客户端登录文本,首先呈现,然后像CAREERS等其他文本? ( @ 顶端 ) 。同样的问题是我的网站 – user1428716

+0

奇怪的是,当我看着客户端登录和职业文本,浏览器缓存关闭,没有节流,我没有注意到你在描述什么? :/ @ user1428716 –

+1

最后我解决了它使用FontFace Observer - 所有的字体都加载我把一个显示:没有在身上。一旦我完成了,我把显示:块放在身上 – user1428716