无法在Google字体上设置字体粗细

Question

这个问题已经问了很多遍了，但是没有一个对我有用。例如：

我使用Google Fonts之@import类的方法是这样的：

@import url('https://fonts.googleapis.com/css?family=Rubik');

body {
    font-family: 'Rubik', sans-serif;
}

出现字体，但重量我无能为力。该<strong>标签不显示大胆。font-weightCSS中的属性无效。甚至没有在浏览器的检查器中覆盖它会改变任何东西。

更新资料

事情似乎只能在基于Gecko的浏览器上运行，例如Firefox。

Answer 1

答案是Google字体未经过校准，无法承载您想要的所有粗细。

某些浏览器可能显示“更厚”或“更薄”类型，但它们在欺骗您。当没有该类型的实际粗细时，它们会将普通字体加倍以模拟您的要求。这样做的人试图变得很好，但是如今，这比帮助更令人困惑。根据您的代码段，您具有：

@import url('https://fonts.googleapis.com/css?family=Rubik');

与

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500i,900,900i');

（Google字体用户界面2017-将来可能会有所不同，但任何字体服务的概念都相同）

许多字体的权重只有1。