css怎麼設定網頁字體

CSS（Cascading Style Sheets）是一種用來描述網頁樣式的語言。其中，字體設定是CSS中的重要部分，因為它可以控制網頁中文字的大小、顏色、字體類型和行高等。

字體設定可以透過在CSS檔案中使用「font」屬性來實現。下面讓我們逐一了解這些屬性。

1. font-size
   font-size屬性用於設定文字的大小。它可以採用絕對或相對單位進行設定。相對單位包括em、rem、%等，而絕對單位包括px、pt、cm等。其中，像素單位（px）是最常用的單位，因為它可以確保文字大小在所有裝置上保持一致。例如：

h1{
  font-size: 36px;
}

上述程式碼指定了h1元素的文字大小為36像素。

2. font-family
   font-family屬性用於指定文字中顯示的字體類型。將多種字體類型作為備選項寫入，以便使用者的作業系統預設字體不支援選擇的字體時，可以採用備選字體來顯示。例如：

body{
  font-family: Arial, Helvetica, sans-serif;
}

上述程式碼指定了body元素中的文字字體類型為Arial，如果此字體類型不可用，則嘗試使用Helvetica字體類型。如果Helvetica也不可用，則使用系統預設sans-serif字體類型。

3. font-weight
   font-weight屬性以數字或關鍵字表示文字的粗細程度。數字越大，文字越粗。關鍵字包括normal（正常），bold（粗體），bolder（較粗）和lighter（細體）。例如：

p{
  font-weight: bold;
}

上述程式碼指定了p元素內的文字呈現粗體顯示。

4. font-style
   font-style屬性描述了文字的字體風格，可以為normal（正常），italic（斜體）和oblique（傾斜）。例如：

em{
  font-style: italic;
}

上述程式碼指定em元素內的文字以斜體顯示。

5. line-height
   line-height屬性定義了文字行之間的間距。它可以使用長度或百分比作為值來設定。例如：

p{
  line-height: 1.5;
}

上述程式碼指定了p元素中的文字行高為文字大小的1.5倍。如果文字大小為16像素，則行高為24像素。

6. text-align
   text-align屬性用於控製文字在元素內的對齊方式。它可以設定為left（左對齊），center（居中對齊）和right（右對齊）等。例如：

h1{
  text-align: center;
}

上述程式碼指定了h1元素內的文字居中對齊。

7. text-decoration
   text-decoration屬性用於指定文字的裝飾效果，如下劃線，刪除線等。它可以設定為none、underline、overline和line-through等。例如：

a{
  text-decoration: underline;
}

上述程式碼指定了所有連結元素下劃線效果。

總結一下，CSS中的字體設定可以透過多種屬性來實現，包括font-size、font-family、font-weight、font-style、line-height、text-align和text-decoration等。學習掌握這些屬性可以為我們的網頁設計提供更多選擇和靈活性。

以上是css怎麼設定網頁字體的詳細內容。更多資訊請關注PHP中文網其他相關文章！