如何在Google Fonts中选择样式并在CSS中使用Montserrat的两种字体样式

步骤1：调整字体引入配置，同时添加需要的两种字重 #

Montserrat字体的常规体对应字重值为400，粗体对应字重值为700，你只需要在引入字体时同时指定这两个字重即可，无需分开多次引入。

• 若使用link标签引入，示例代码如下：

  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap">
  

• 若使用CSS @import规则引入，示例代码如下：

  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
  

多个字重之间使用分号分隔即可，不要仅引入单个字重。

步骤2：在CSS中通过font-weight属性区分调用不同样式 #

首先在全局或对应父级选择器中指定字体族为Montserrat，之后只需给不同区块设置对应的font-weight值即可生效：

/* 统一指定全局字体族 */
body {
  font-family: 'Montserrat', sans-serif;
  /* 可直接设置全局默认使用常规体 */
  font-weight: 400;
}

/* 需要使用粗体的区块单独指定字重 */
.title-block, .highlight-text {
  font-weight: 700;
}

不需要给不同字重单独设置font-family，仅靠字重属性就能自动匹配对应的字体样式。

内容的提问来源于stack exchange，提问作者Pratik Chandra Tripathi