用來控制網頁文字的大小、粗細、樣式、字型等效果，控制這幾種文字外觀的 CSS 屬性分別是font-size、font-weight以及font-family。
分別說明如下：

【字型大小】
要設定字型大小可使用font-size屬性
font-size屬性：設定文字大小，屬性值採用 "數字 + 單位" 呈現，數字越大，通常表示字體越大。

有四種表示方式：

• 絕對尺寸
  可使用的值由小到大為：xx-small、x-small、small、medium、large、x-large、xx-large共七種。瀏覽器會視預設字型大小，做動態調整。
• 相對尺寸:
  以larger(較大)smaller(較小)表示。一般而言，正常大小就是父元素的字型大小，如果子元素設smaller時，出來的字型就會比父元素小一些。
• CSS的度量單位:
  px(像素、圖點)
  cm(公分)、mm(公厘)、in(英吋)
• 百分比值(%):
  設為100%:表示與父元素字型大小相同
  設為50%: 表示字體比父元素縮小成一半
  設為500%:表示字體比父元素放大成5倍
  
  

【字體粗細】
要設定字型粗細可使用font-weight屬性
font-weight屬性有多種設定方式：

• normal：表示正常(預設值)
• bold:表示使用粗體
• lighter:表示較細(相對於父元素)
• 使用100~900(由小到大)
  
  

【字型】
瀏覽器均有預設的字型，想讓網頁文字使用其他字型，可以用font-family。
font-family是用來規定網頁字型的標準方法，同時可以設定多組不同的字型，當瀏覽器沒有第一種字型的時候，會自動顯示第二種字型，依此類推。
font-family 基本語法使用方法;
font-family:第一種字型,第二種字型,第三種字型;
用逗號隔開每個你想設定的字型，接著就讓瀏覽器去判斷，排在前面的表示優先被選用。