是否可以通过修改名称（斜体、字体粗细）在 css 文件中使用 google 网络字体？
Is it possible to use a google web font in a css file by it's name modified(italic, font-weight)?
例如我想使用 Monsterrat 字体系列。我将它导入我的 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 和字体样式：没有 url 的斜体。我想使用名称 "Italic Medium" INLINE，就像这样。
字体系列：'Montserrat'，浅斜体；
可以吗？
是也不是，
你的例子是：
font-family: 'Montserrat', Light Italic;
Google 字体粗细 'light' 是粗细 300（用于斜体或普通字体样式）。而且在 CSS font-weight: normal 相当于 font-weight: 400, bold 相当于 700.
这样我们就可以使用 font shorthand 语法来接近它，它允许您一次性声明许多字体属性，例如字体样式、字体粗细和字体系列.
不幸的是，字体大小值是字体 shorthand 语法的要求，因此您也需要它：
font: italic normal 1rem 'monserrat'
或
font: italic 300 1rem 'monserrat'
那里的第二个给你相当于 'Light' 字体粗细但 'Light' 不是有效的 CSS 字体粗细 - 'normal' 和 'bold' 以及一些相关术语，例如 'lighter' 或 'bolder'.
您也可以使用 initial 或 inherit 作为字体大小的可能值。
您可以内联使用该样式。
<p style="font: italic 300 1rem 'monserrat'">...</p>
不完全是您想要的？但尽可能接近:)
更多关于字体的信息shorthand：
https://css-tricks.com/snippets/css/font-shorthand/
https://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/
还有一点 - 您在导入规则中包含的每个样式都会增加加载时间和页面体积，最好确定您将使用哪些样式并只包含那些样式。例如，如果您不需要 700 粗细的斜体字体，请不要在导入中包含 700i
例如我想使用 Monsterrat 字体系列。我将它导入我的 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 和字体样式：没有 url 的斜体。我想使用名称 "Italic Medium" INLINE，就像这样。
字体系列：'Montserrat'，浅斜体；
可以吗？
是也不是，
你的例子是：
font-family: 'Montserrat', Light Italic;
Google 字体粗细 'light' 是粗细 300（用于斜体或普通字体样式）。而且在 CSS font-weight: normal 相当于 font-weight: 400, bold 相当于 700.
这样我们就可以使用 font shorthand 语法来接近它，它允许您一次性声明许多字体属性，例如字体样式、字体粗细和字体系列.
不幸的是，字体大小值是字体 shorthand 语法的要求，因此您也需要它：
font: italic normal 1rem 'monserrat'
或
font: italic 300 1rem 'monserrat'
那里的第二个给你相当于 'Light' 字体粗细但 'Light' 不是有效的 CSS 字体粗细 - 'normal' 和 'bold' 以及一些相关术语，例如 'lighter' 或 'bolder'.
您也可以使用 initial 或 inherit 作为字体大小的可能值。
您可以内联使用该样式。
<p style="font: italic 300 1rem 'monserrat'">...</p>
不完全是您想要的？但尽可能接近:)
更多关于字体的信息shorthand：
https://css-tricks.com/snippets/css/font-shorthand/
https://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/
还有一点 - 您在导入规则中包含的每个样式都会增加加载时间和页面体积，最好确定您将使用哪些样式并只包含那些样式。例如，如果您不需要 700 粗细的斜体字体，请不要在导入中包含 700i