我试图在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等。我非常感谢它，如果有人能帮我解决我的问题。

来源

2017-01-22 Raelynn Zhang

你没有包含任何代码 –

你在CSS改变字体的方法是这样：

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; 
 
    }

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

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

来源

2017-01-22 22:16:54

不以引号字符分隔的HTML属性值不能在其中包含空格。添加引号。如果你有used a validator这将被拿起。

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

来源

2017-01-22 22:20:58 Quentin

试试这个：

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

来源

2017-01-22 22:27:44

他们为什么要尝试那个？你改变了什么？为什么它应该有所作为？ – Quentin

（提示：它没有什么区别，'font-family：'是无效的CSS（值缺失，整个事情是无效的HTML）。 – Quentin

解决方案

简短的回答你的问题是，你的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>

再次，报价需要包含你的风格属性中的样式。它也看起来像你从“Arial”（错字）中删除了“l”。

来源

2017-01-23 02:11:35 dapperdan1985

添加样式后字体样式不变

回答

解决方案

与第一例子

问题您的代码：

与第二个例子问题

您的代码：

相关问题