1. 程式人生 > >CSS基礎——字體

CSS基礎——字體

類型 中文 font lock OS normal css 數字 pre

1、font-family:設置字體類型

  <family-name>:字體名稱。按優先順序排列。以逗號隔開。如果字體名稱包含空格或中文,則應使用引號括起 . 

  • user agent會遍歷定義的字體序列,直到匹配到某個字體為止。
  • body { font-family: helvetica, verdana, sans-serif; }
    • 如上字體定義,假設你機器上沒有helvetica字體,但有verdana,這時將會以verdana顯示你的文字。

2、color :字體顏色  

  可以使用Color Name(顏色名稱), HEX, RGB, RGBA, HSL, HSLA, transparent來指定color。

  由於不同瀏覽器對顏色名稱的渲染不同,建議使用 #hex 表示顏色。

3、font-style:設置字體樣式  

  normal:
指定文本字體樣式為正常的字體
  italic:
指定文本字體樣式為斜體。對於沒有設計斜體的特殊字體,如果要使用斜體外觀將應用oblique
  oblique:
指定文本字體樣式為傾斜的字體。人為的使文字傾斜,而不是去選取字體中的斜體字

4、font-size:設置字體尺寸,一般用px

  可以設置絕對尺寸,也可以設置相對尺寸。

5、font-weight:設置字體粗細

  normal:正常字體

  bold:粗體

  bolder:定義比繼承值更重的值

  lighter:定義比繼承值更輕的值

  一般直接用數字,400、800等即可。

  

  

CSS基礎——字體