html - 为什么 google 字体在 safari 上的加载方式与 chrome 不同,我该如何解决?

标签 html css google-chrome firefox safari

Chrome 和 Safari 都以不同的方式加载相同的字体,这很烦人,有没有办法解决它? enter image description here

它们在某些情况下并没有太大的区别,但在其他情况下,比如我的主要内容,差异非常大。

最佳答案

实际上,这是绝对正常的,您无法真正“修复它”。每个客户端都有他自己的特殊性,你几乎没有在每个浏览器中呈现相同的渲染(这就是为什么前端开发人员没有更多的头发)。 最后,如果你愿意,你可以为每个浏览器做特定的 css conditional规则如

[if IE] .box {  
   font-weight: 900;
} 

当然以 ie 为例。

对于 chrome 你可以使用:

@media screen and (-webkit-min-device-pixel-ratio:0) { 

body {...}
.class {...}

}

小心这会影响 Safari、Epiphany...

关于html - 为什么 google 字体在 safari 上的加载方式与 chrome 不同,我该如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36713193/

相关文章:

javascript - 显示按钮以在滑动后向下滑动标题

Javascript 在页面重新加载时运行

javascript - 从行 ID 和表 ID 获取行索引

javascript - 难以在正确位置动态插入复选框

css - Flexbox - 在左对齐元素时使用 "Space-between"

google-chrome - 如何在启动时立即加载所有选项卡?

html - float :left is set时将div扩展到最大宽度

css - 将 CSS 样式应用于 RDL 文件

javascript - 如何从 Object.keys 函数返回的 MapIterator 快速检索值?

google-chrome - 有没有办法让 Chrome 开发工具模拟移动设备的宽于屏幕宽度的网站的默认缩小 View ?