Angular 2项目中的Chrome bug渲染字体

时间:2017-05-18 09:26:09

标签: css angular google-chrome fonts

我在使用返回304的请求在chrome中渲染字体时遇到问题。

请看以下案例:

案例1:

Bad rendering Fonts loading with 304 http code

案例2:

enter image description here enter image description here

这只发生在Chrome中。它在Safari,Firefox和Edge中进行了测试。所有浏览器都使用304呈现字体。

我可以告诉你的另一个提示是,如果我打开Chrome开发工具,取消选中随机样式属性并再次重新检查(例如,此属性不必属于此组件,我可以取消选中正文 - > background-color),正确渲染字体。

但是,只有在加载页面并更改网址时才会发生这一切。例如,我在主页/中,然后单击一个链接转到/ foo,如果该字体刚刚加载到304,那么它就不会被chrome渲染。如果我加载/ foo并按重新加载整个页面,则会呈现字体。

有什么想法吗? 这是一个已知的问题吗? 是Angular问题吗? 是Chrome问题吗?

欢迎所有想法。

0 个答案:

没有答案