2017-01-22 68 views
0

我試圖在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等。我非常感謝它,如果有人能幫我解決我的問題。

+1

你沒有包含任何代碼 –

回答

1

你在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>

你去那裏,你只需要知道的家庭信息,而你沒有全部那裏的家庭信息。

1

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

注意:樣式表優先於樣式屬性。您可能想要閱讀an introductory guide

0

試試這個:

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

他們爲什麼要嘗試那個?你改變了什麼?爲什麼它應該有所作爲? – Quentin

+0

(提示:它沒有什麼區別,'font-family:'是無效的CSS(值缺失,整個事情是無效的HTML)。 – Quentin

0

解決方案

簡短的回答你的問題是,你的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」。