如何从Google字体获取黑色字体粗细

时间:2019-03-03 06:53:18

标签: css fonts

请转到here结尾,查看Black字体样式。如何在我的页面上获得此样式。到目前为止,这是我尝试过的,但是没有用。

.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>

3 个答案:

答案 0 :(得分:1)

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

因此,这个…

font-family: 'montserrat' sans-serif;

...应该是

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

enter image description here

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

enter image description here

然后,只需添加相应的font-weightfont-style值:

font-weight: 900;

如果在生成的<link>中未指定该权重,则会使用后备系列和权重。

答案 1 :(得分:1)

有几种可以导入字体的变体。对于蒙特塞拉特(Montserrat),有Regular 400,Bold 700,Black 900等。只需选择变体类型并添加该字体,就可以了。

根据您的问题,您需要的URL是

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

答案 2 :(得分:1)

首次使用term(与'Montserrat', sans-serif;一起使用)

第二,无效,因此将其删除...

您可以使用font-weight:black;

font-style:normal
.title{
font-family:'Montserrat', sans-serif;
font-weight:900;
font-style:normal;
}