在網頁設計中，字體樣式的設置是很重要的。而在HTML5和CSS中，設置字體樣式非常簡單。

/* CSS樣式代碼*/
body {
font-family: Arial, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
line-height: 1.5;
color: #333;
}

在上面的代碼中，我們可以看到一些常用的字體樣式設置：

• font-family：設置字體族（如：Arial，sans-serif）
• font-size：設置字體大小（如：16px）
• font-style：設置字體樣式（如：italic）
• font-weight：設置字體粗細（如：bold）
• line-height：設置行高，使得文字排版更加整齊
• color：設置字體顏色（如：#333）

當然，這些樣式屬性可以單獨使用，也可以組合起來使用。我們還可以使用外部字體，來增加網站的視覺效果。例如：

/* CSS樣式代碼*/
@font-face {
font-family: "MyFont";
src: url("myfont.ttf");
}
h1 {
font-family: "MyFont", Arial, sans-serif;
}

使用外部字體需要先在CSS中定義字體，然后使用font-family屬性來調用。如果瀏覽器無法下載外部字體，將自動使用定義的備選字體。

在HTML5和CSS中設置字體樣式非常靈活，網頁設計師可以根據需要來靈活運用。對于網站排版的美觀度和可讀性都有很大的提升。