怎么使用CSS設置頁面字體

知識庫

怎么使用CSS設置頁面字體

2023-10-22 21:29


本文將介紹如何使用CSS來設置網頁的字體樣式。

                                            

在網頁設計中,字體是至關重要的一部分。合適的字體可以提升文章的可讀性和吸引力。CSS提供了豐富的選擇來設置頁面的字體樣式。

1. 使用font-family屬性

CSS的font-family屬性可以設置網頁的字體系列。例如,可以設置為"Arial"、"Helvetica"等常用字體,也可以設置為谷歌提供的字體庫中的字體。

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

2. 使用font-size屬性

font-size屬性用于設置文本的大小。可以使用絕對單位(如px)或相對單位(如em)來指定字體大小。

p {
  font-size: 16px;
}

3. 使用font-weight屬性

font-weight屬性用于設置字體的粗細程度。可以設置為"normal"(默認值)、"bold"或使用數值(如400)來指定字體的粗細。

h1 {
  font-weight: bold;
}

4. 使用text-decoration屬性

text-decoration屬性用于添加文本修飾線,比如下劃線、刪除線等。

a {
  text-decoration: underline;
}

5. 使用font-style屬性

font-style屬性用于設置字體的樣式,如斜體、正常等。

em {
  font-style: italic;
}

通過使用以上CSS屬性,您可以根據自己的需要設置網頁的字體樣式,使頁面更加美觀、易讀。


標簽:
  • CSS
  • 字體
  • 設置
  • 頁面
  • 樣式