html - Roboto 400 在视网膜 MacBook 上看起来比 700 更大胆

标签 html css fonts visual-web-developer google-font-api

Google Fonts 中的“Roboto”字体在我的视网膜 MacBook 上显示为 400 时比 700 时粗得多。

我试过 -webkit-font-smoothing 抗锯齿技巧,但它似乎没有用。有什么办法可以解决这个问题吗?谢谢。

更新: 这很可能是 Google 服务器上的一个错误,尽管我不是 100% 确定。我下载了字体系列并将下载的字体应用到我的网站,Roboto 400 现在看起来很正常......

enter image description here

最佳答案

在某些浏览器上,CSS 中的字体声明包含从本地文件系统加载字体的提示(与通过网络下载相反)。如果当时你的机器上有一个 Roboto Normal 版本,它就会被使用。

您之前可能安装了损坏版本的 Roboto。例如,400 的重量似乎与 900 的重量相匹配。也许您安装了 Roboto Ultra-Bold 但它被错误地重命名为 Roboto Normal。

关于html - Roboto 400 在视网膜 MacBook 上看起来比 700 更大胆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32040022/

相关文章:

html - CSS - 如何创建超过 100% 且内容低于窗口的背景图像

html - 如何强制2个div并排保持

javascript - 如何为 window.location.pathname 实现通配符

html - 输入类型文件 - 换行长文件名文本

ios - 使用 fit to width 时设置多个 UIButton 的字体大小相等

javascript - 为流畅/响应式设计调整文本大小的优雅解决方案的性能?

css - 如何在 flex 容器中指定高度?

javascript - Bootstrap slider 没有出现在 WordPress 中

html - 更改 UIkit 复选框的背景颜色

wpf - 如何在 WPF 中找到任意字形的精确大小?