html - Bootstrap 覆盖 Google 字体

Question

尽管查看了其他答案，但我无法让 Bootstrap 不覆盖我想使用的 Google 字体。我曾尝试更改样式表的位置，但没有任何效果。
对此的任何帮助将不胜感激。

http://codepen.io/01scatman/pen/KzGdNY

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
   <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
   <link rel="stylesheet" type="text/css" href="AOS-TC.css">
    <link href='https://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>

Answer 1

我遇到了同样的问题。要解决它，首先，在您的标题中将您的静态 CSS 链接放在所有其他链接的下方，即您需要这样的东西

来自

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="AOS-TC.css">
<link href='https://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>

到

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="AOS-TC.css">

其次，在您的 CSS“body”标签中添加合适的字体

来自

font-family: Arvo;

到

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

也许这有点晚了。不过，我相信这对将来可能遇到同样问题的人会有帮助。