Google字体不适用于Bootstrap

Question

这是我的Google字体链接：

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

这是我的CSS代码：

h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

Answer 1

您可以将其直接添加到CSS中：

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

h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

如果它不起作用，则必须查看Bootstrap是否没有覆盖这些值，因此您必须添加！重要，例如：

h1{
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 900;
}