从 Google 字体中选择所有样式

Question

这可能是一个愚蠢的问题，但我想知道是否有一种方法可以通过单击选择任何给定字体的所有样式，而不必单击每个单独的样式（Thin 100，Thin 100 Italic，等等在）。我找不到“全选”选项或类似的选项，所以我想知道它是否不存在或者我是否没有看到它。

需要明确的是：这是为了导入 .css，我不想下载该系列！

非常感谢！

Answer 1

我认为谷歌取消了添加整个家庭的可能性（他们不希望你的项目超载），但仍然有办法。

只需添加该系列的一两个样式，然后手动删除代码中的所有样式。

所以我这里有

family=Montserrat:ital,wght@0,100;0,200;1,100;1,200

像这样简单地删除列后面的所有内容

family=Montserrat

无论您有多少个家庭，您都可以这样做。

即：

<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;1,100;1,200&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">

我会写：

<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Ubuntu&display=swap" rel="stylesheet">

希望这有帮助。 :)

Answer 2

首先，您进入Google Fonts并找到您想要的字体。 然后选择“类型测试仪”。 向下滚动屏幕并选择您想要的所有样式。 在边桌中，选择导入，复制代码并粘贴到您的 css 表中。

这里有一张图片可以尝试提供帮助。

Answer 3

Steven G 的答案似乎不起作用，或者不再起作用。

在我的测试中，如果删除所有单独的粗细，那么您只能得到正常且粗体的字体版本。要获得所有权重，您需要单独添加它们。

换句话说，当您从其网页中选择字体样式时，您应该按照 Google 提供的方式使用代码。