Question

例如，我想使用Monsterrat font-family。我将它导入我的css文件，如下所示：

 @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

然后我可以像这样使用它：

font-family: 'Montserrat', sans-serif;

上面的url有font-weight和italic修饰符，并有自己的名字，如“Light Italic”，“Italic Medium”等...... 我的问题，我可以简单地调整字体重量：300，字体样式：没有网址的斜体。我想使用名称“Italic Medium”INLINE，就像这样。

font-family：'Montserrat'，Light Italic;

有可能吗？

Answer 1

是和否，

你的例子是：

font-family: 'Montserrat', Light Italic;

Google字体重量'light'的重量为300（斜体或普通字体样式）。而且在CSS中font-weight：normal与font-weight相当：400，而粗体相当于700。

这样我们就可以使用字体简写语法来接近，它允许你想要一次性声明许多字体属性，例如font-style，font-weight和font-family。

不幸的是，font-size值是字体速记语法的要求所以你也需要它：

font: italic normal 1rem 'monserrat'

或

font: italic 300 1rem 'monserrat'

第二个可以获得相当于'Light'字体权重，但'Light'不是有效的CSS字体权重 - 'normal'和'bold'以及一些相对术语也是如此像'更轻'或'更大胆'。

您还可以使用initial或inherit作为字体大小的可能值。

您可以使用该内联样式。

<p style="font: italic 300 1rem 'monserrat'">...</p>

不完全是你追求的？但是尽可能接近：）

有关字体简写的更多信息：

另外一点 - 您在导入规则中包含的每种样式都会增加页面的加载时间和批量，因此确定您将使用哪些样式并且仅包含这些样式可能是个好主意。例如，如果您不需要700重量斜体字体，请不要在导入中包含700i