在web開發中，設置字體樣式是很常見的操作。下面我們來看一個使用HTML代碼來設置字體樣式的案例：
<!DOCTYPE html>
<html>
<head>
<title>字體樣式設置案例</title>
<style>
/*設置字體顏色和大小*/
h1 {
color: red;
font-size: 36px;
}
/*設置字體類型*/
p {
font-family: Arial, Helvetica, sans-serif;
}
/*設置字體粗細*/
em {
font-weight: bold;
}
</style>
</head>
<body>
<h1>這是一段紅色36號字體的標題</h1>
<p>這是一段使用Arial字體的正文段落。<em>這里的字體是加粗</em></p>
</body>
</html>以上代碼展示了三種不同的字體樣式設置：
- 通過color和font-size屬性來設置字體的顏色和大小，應用于h1標簽。
- 通過font-family屬性來設置字體類型，應用于p標簽。
- 通過font-weight屬性來設置字體粗細，應用于em標簽。
在編寫HTML代碼時，使用以上屬性和值可以讓我們輕松地控制頁面中的字體樣式，創造出更美觀、易讀的網頁。