Question

我试图在我建立的网站上从谷歌字体上传蒙特塞拉特字体，并且由于某种原因它没有发生。我在这里读了一个单独的Q＆amp; A，暗示它可能是chrome的一个问题？

我特别想要蒙特塞拉特，因为它是与Gotham最接近的谷歌字体。

这就是我将它加载到我的文件中的方式 -

的style.css

f = c.format(str(password))

我也在bootstrap链接下面的index.html中的@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,80); body{ font-family: 'Montserrat', sans-serif; }部分尝试了它 -

<head>

我不知道引导程序是否存在不想覆盖或单独问题的问题。任何帮助表示赞赏。

Answer 1

请按照以下代码。

<!DOCTYPE html>


<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet">
  <style>
    body {
      font-family: 'Montserrat', sans-serif;
    }
  </style>

  <body>

   <h1>Montserrat</h1>

  </body>

Answer 2

我遇到了类似的问题，这就是我解决的方法。首先将“蒙特塞拉特”字体导入“ bootstrap.css”

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

然后用Montserrat替换字体家族；

body {
  margin: 0;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

CSS - Google字体（蒙特塞拉特）没有覆盖Bootstrap标准字体

2 个答案: