HTML提供了豐富的字體樣式，我們可以在網頁中添加各種字體效果來美化網站。以下是一段使用了不同字體樣式的HTML代碼：

<p style="font-family: Arial, sans-serif; font-size: 20px; font-weight: bold;">這是一段使用<strong>Arial</strong>&lt;<power>/power>&gt;<sub> Sans-serif</sub></p>
<p style="font-family: 'Times New Roman', serif; font-size: 15px; font-style: italic;">這是一段使用<em>Times New Roman</em>&gt;<sub> Serif</sub></p>
<p style="font-family: Georgia, serif; font-size: 17px; text-decoration: underline;">這是一段使用<u>Georgia</u>&gt;<sub> Serif</sub></p>

在代碼中，使用了三種不同的字體家族：Arial、Times New Roman和Georgia。其中，Arial是一個無襯線字體，Times New Roman和Georgia是襯線字體。

每個段落都使用了不同的字體大小、字體粗細和樣式來實現不同的樣式效果。同時，通過使用<strong>、<em>和<u>標簽，可以對文本進行加粗、斜體和下劃線處理，使得文本更加豐富。

需要注意的一點是，如果要使用自定義的字體，需要在代碼中用<link>標簽引入字體文件。另外，需要注意在設置字體大小時，建議使用相對單位（如em、rem等），而不是固定像素值。