在HTML中，我們可以使用不同的字體樣式和顏色，來使頁面變得豐富多彩。下面介紹一些HTML字體樣式和顏色代碼。

<!-- 段落文本樣式 -->
<p style="font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; color: #333;">這是一個段落文本樣式</p>
<!-- 標題文本樣式 -->
<h1 style="font-size: 30px; font-family: Georgia, serif; font-style: italic; color: #990000;">這是一個標題文本樣式</h1>
<!-- 鏈接文本樣式 -->
<a href="#" style="font-size: 14px; font-family: Verdana, sans-serif; color: #007aff; text-decoration: none;">這是一個鏈接文本樣式</a>
<!-- 列表文本樣式 -->
<ul style="font-size: 16px; font-family: Tahoma, sans-serif; color: #666;">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

上面的代碼中，使用了style屬性來對文本進行樣式設置。其中，font-size屬性用來設置字體大小，font-family屬性用來設置字體類型，font-weight屬性用來設置字體粗細，font-style屬性用來設置字體斜體，color屬性用來設置字體顏色，text-decoration屬性用來設置文本裝飾。

在設置顏色時，可以使用十六進制顏色代碼或RGB顏色代碼。例如，#333代表深灰色，#990000代表深紅色，#007aff代表藍色。RGB顏色代碼為rgb(R, G, B)，其中R、G、B分別為紅、綠、藍三種顏色的取值。例如，rgb(255, 0, 0)代表紅色。

總之，通過合理運用 HTML 字體樣式和顏色代碼，我們可以讓頁面更加美觀、易讀、易懂。