Html 如何更改样式表中所有页面上的字体？

我正在建立一个基本的网站，我已经走了很长的路，但我偶然发现了一个问题：我希望我所有的标题都是“Arvo”字体，但出于某种原因，只有索引页面的标题中有Arvo。由于我的所有页面都链接到样式表，我应该能够将每个h1更改为这种字体

我的样式表是这样的，里面可能有一些不必要的代码，但我完全是个初学者

body {
  background: url("https://www.xmple.com/wallpaper/streaks-lines-red-stripes-1920x1080-c4-7f2a33-972c36-b02c39-cb2b3b-l4-45-72-116-187-a-135-f-1.svg") center center repeat;
  margin: 0;
  padding: 0;
  background-attachment: fixed;
}

#wrap {
  width: 54%;
  margin: auto;
  background: #fff2f9;
  overflow: hidden;
  padding: 15px;
}

div {
  width: 300px;
  height: 2000px;
  background-color: white;
  box-shadow: inset 0 100px 100px #ffffff, 0 10px 15px #000;
}

p {
  color: black;
}

h1 {
  font-family: 'Arvo', Georgia, Times, serif; 
  font-size: 59px;
  line-height: 70px;
}

p {
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

b {
  font-family: "verdana", sans-serif; color: gold;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

a {
  font-family: "verdana", sans-serif; 
  color: black /* unvisited link */
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: gold;
}

/* selected link */
a:active {
  color: black;
}

}

---

我还需要做什么才能在所有HTML页面上更改字体？

可能样式是覆盖的，因此请使用

！重要信息

以修复它。 对所有标题使用以下CSS：

h1, h2, h3, h4, h5, h6 {
font-family: Arvo, Georgia, Times, serif !important; 
font-size: 59px;
line-height: 70px;
}

如果只想将其应用于

h1

，则删除其余标题。在问题中，你说的是“所有标题”，因此，我添加了所有标题级别

更新： 尝试将字体与页面链接，将以下内容放在

标题

元素中：

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Arvo" />

---

您应该确保所有其他页面都引用相同的样式表。不幸的是，这似乎没有什么区别。@KnugenavSwärje是联机检查的文档吗？您的意思是它是否在域中？在这种情况下，@KnugenavSwärje尝试在未应用样式的页面上使用inspect元素，然后查看

font-family

应用于

h1

@KnugenavSwärje是的，应用了，还可以查看更新的答案。

@import url('href="//fonts.googleapis.com/css?family=Arvo');