2015-09-11 15 views
4

這是我完整的測試HTML:如何在div中設置font-family&font-size?

<!DOCTYPE> 
<html> 
    <head> 
     <title>DIV Font</title> 

     <style> 
      .my_text 
      { 
       font-family: Arial, Helvetica, sans-serif 
       font-size:  40px; 
       font-weight: bold; 
      } 
     </style> 
    </head> 

    <body> 
     <div class="my_text">some text</div> 
    </body> 
</html> 

的字體家庭&字體大小屬性被忽略。

page result

爲什麼?爲什麼使用字體重量?我需要做什麼做的,所以我可以指定FONT-FAMILY &字體大小?

謝謝

+2

這是因爲忘記在font-family之後加上分號:Arial,Helvetica,sans-serif。 – CodeRomeos

回答

12

你需要font-family: Arial, Helvetica, sans-serif後一個分號。這將使您的更新代碼如下:

<!DOCTYPE> 
<html> 
    <head> 
     <title>DIV Font</title> 

     <style> 
      .my_text 
      { 
       font-family: Arial, Helvetica, sans-serif; 
       font-size:  40px; 
       font-weight: bold; 
      } 
     </style> 
    </head> 

    <body> 
     <div class="my_text">some text</div> 
    </body> 
</html> 
+0

好吧,杜。謝謝。 – ericg

3

追加一個分號到以下行來解決問題。

font-family: Arial, Helvetica, sans-serif; 
相關問題