导入谷歌字体，但不包括特定的字体重量

Question

我使用此代码导入了Rubik字体。

<link href='https://fonts.googleapis.com/css?family=Rubik' rel='stylesheet'>

当我使用 font-weight：500 或 font-weight：800 等工作时除 font-weight：500

我该怎么做？

有人说导入默认的Rubik字体系列，不会导入font-weight 500.

Anyhelp会很感激。

Answer 1

您可以尝试以下链接：

<link href='https://fonts.googleapis.com/css?family=Rubik:500,500i' rel='stylesheet'>

顺便说一下，当您在浏览器中打开链接https://fonts.googleapis.com/css?family=Rubik:500,500i时，您可以看到包含的样式。

当你没有指定任何东西时，你只会得到常规的（字体重量：400）

此字体的所有可能性均为：300,300i,400,400i,500,500i,700,700i,900,900i

Answer 2

您需要在link href媒体资源中加入所需的字体权重。例如:500,800获取字体权重500和800.

It seems Rubik does not support font-weight 800，所以你无论如何都无法获得它。相反，你可以使用700或900字体。因此href的值应该类似于https://fonts.googleapis.com/css?family=Rubik:500,700。

＆＃13;

＆＃13;

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

＆＃13;

<link href="https://fonts.googleapis.com/css?family=Rubik:500,700" rel="stylesheet">
<div style="font-weight: 500">
   Hello World!
</div>
<div style="font-weight: 700">
   Hello World!
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

只需使用您想要的字体粗体导入它，例如：

https://fonts.googleapis.com/css?family=Rubik:400i,700

您可以在Google Fonts中选择字体粗细：

点击后：