Html 引导覆盖Google字体

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

---

我在一个文档中除了以下内容之外什么都没有，而且它是有效的。引导不会覆盖字体

<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' rel='stylesheet' type='text/css'>

<style>
  body{
    font-family: 'Arvo', serif;
  }
</style>

Hello

身体{
字体系列：“Arvo”，衬线；
}
你好

也许可以试着在你的身体上添加“重要的”

正文{
保证金：0；
填充：.1px；
位置：相对位置；
背景：url(http://www.adventuresofscatman.com/wp-content/uploads/2015/09/IMG_4273.jpg);
背景重复：无重复；
背景尺寸：封面；
背景色：#555；
溢出x：隐藏；
字体系列：Arvo！重要；
字号：700；
}

不确定字体被覆盖的原因，但您可以使用（在CodePen上）应用它。我在你的笔上试过了，它适用于Arvo。将此行添加到标题：

这一行指向JavaScript部分：

fontSwitcher（'fontName'，'elementClass'）

fontSwitcher按类应用Google字体，因此如果要将其应用于整个主体，请为主体指定一个类，然后将字体应用于该类

您还可以指定回退字体，如下所示：

fontSwitcher（'fontName'，'elementClass'[，'fallbackFont1'，'fallbackFont2'…]）

免责声明：fontSwitcher仍在开发中，但它功能齐全。
在CSS中，您在哪里指定“arvo”字体。使用
@font-face
CSS规则来执行此操作。我尝试了这两种方法，但都无效。我不知所措。看看这个：我之前已经看过了，但没有用。我将与itor一起玩。你可以下载CSS并将其托管到服务器中，然后替换特定标签上要应用Arvo字体的字体系列。另外，添加
字体系列：Arvo
到
。secondary
类将Arvo应用于您的子标题，因此您可能只需要以不同的字体为目标。
<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' rel='stylesheet' type='text/css'>

<style>
  body{
    font-family: 'Arvo', serif;
  }
</style>

Hello