【问题标题】:How to get black font weight from a Google font如何从 Google 字体中获取黑色字体粗细
【发布时间】:2019-03-03 15:21:57
【问题描述】:

请转至hereBlack 字体样式。我如何在我的页面上获得这种风格。这是我到目前为止尝试过的方法,但它不起作用。

.title{
font-family:'montserrat' sans-serif;
font-weight:900;
font-weight:Black;
}
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

<div class='title'>LOREM</div>

【问题讨论】:

    标签: css fonts


    【解决方案1】:

    首先,font-family 属性要求值以逗号分隔。此外,您应该在值中使用大写字母。

    所以,这……

    font-family: 'montserrat' sans-serif;
    

    ……应该是

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

    要为字体添加更多粗细,请使用自定义菜单:

    然后,只需添加对应的font-weightfont-style 值即可:

    font-weight: 900;
    

    如果您没有在生成的 &lt;link&gt; 中指定该权重,则将使用后备系列和权重。

    【讨论】:

      【解决方案2】:

      您可以根据几种变体导入字体。对于 Montserrat,有 Regular 400、Bold 700、Black 900 等等。只需选择变体类型并添加该字体,现在就可以开始了。

      根据您的问题,您需要的网址是

      <link href="https://fonts.googleapis.com/css?family=Montserrat:900" rel="stylesheet">
      

      【讨论】:

      • 为你的 CSS 字体系列这样写:'Montserrat', 'sans-serif';
      【解决方案3】:

      首先使用'Montserrat', sans-serif;(与,

      第二个font-weight:black; 无效所以删除它...

      你可以使用font-style:normal

      .title{
      font-family:'Montserrat', sans-serif;
      font-weight:900;
      font-style:normal;
      }
      <link href="https://fonts.googleapis.com/css?family=Montserrat:900" rel="stylesheet">
      
      <div class='title'>black</div>

      【讨论】:

      猜你喜欢
      • 2021-01-27
      • 1970-01-01
      • 2017-01-20
      • 2017-12-20
      • 2017-08-12
      • 2016-12-15
      • 2014-07-16
      • 2021-10-31
      • 2014-10-04
      相关资源
      最近更新 更多