添加样式后，字体样式不会更改

Question

我尝试在bootstrap css中将字体更改为<h1>标记;这里是 原始代码：

<h1 class="text-center"> My Site </h1>

我尝试了以下内容：

<h1 class="text-center" style=font-family: "Arial";> My Site </h1>
<h1 class="text-center" style=font-family: Aria;> My Site </h1>

然而，这些都没有奏效。我也试过几种基本字体，比如Verdana，Times New Roman，Courier等。如果有人可以帮我解决我的问题，我非常感激。

Answer 1

在CSS中更改字体的方法是：

＆＃13;

＆＃13;

h1.t {
  font-family: "Times New Roman", Times, serif;
  }
h1.a {
  font-family: "Arial", Helvetica, sans-serif;
  }
h1.c {
  font-family: "Calibri", Helvetica, sans-serif;
  }

＆＃13;

<h1 class="t">Times New Roman</h1>
<h1 class="a">Arial</h1>
<h1 class="c">Calibri</h1>

＆＃13;

＆＃13;

＆＃13;

你去了，你只需要知道家庭信息，而你那里没有所有的家庭信息。

Answer 2

未使用引号字符分隔的HTML属性值不能包含空格。添加引号。

<h1 class="text-center" style="font-family: Arial;"> My Site </h1>

如果你有used a validator，那就可以了。

注意：样式表优先于样式属性。您可能需要阅读an introductory guide。

Answer 3

试试这个：

//removed to free space

Answer 4

解决方案

您的问题的简短回答是您的HTML无效。这是快速而肮脏的解决方案。

<h1 class="text-center" style="font-family: Arial;"> My Site </h1>

这称为内联样式，由于多种原因，它通常不赞成，但这不在本问题的范围之内。

第一个例子的问题

您的代码：

<h1 class="text-center" style=font-family: "Arial";> My Site </h1>

引号应包含style属性中的所有css。例如，style="font-family: Arial;"

第二个例子的问题

您的代码：

<h1 class="text-center" style=font-family: Aria;> My Site </h1>

同样，引号需要包含style属性中的样式。它看起来像你放弃了＆＃34; l＆＃34;来自＆＃34; Arial＆＃34; （错字）。