CSS支持的字體類型如下：

serif：有襯線字體，如Times New Roman、Georgia等；
sans-serif：無襯線字體，如Arial、Helvetica等；
monospace：等寬字體，如Courier New、Consolas等；
cursive：手寫體，如Comic Sans MS、Apple Chancery等；
fantasy：奇幻體，如Impact、Jokerman等。

CSS的字體類型規則如下：

font-family: serif; /* 使用襯線字體 */
font-family: sans-serif; /* 使用無襯線字體 */
font-family: monospace; /* 使用等寬字體 */
font-family: cursive; /* 使用手寫體 */
font-family: fantasy; /* 使用奇幻體 */

在使用字體時，應該根據不同的場景和目的來選擇合適的字體類型。比如，在正式的文檔、新聞報道等場合時，應該使用襯線字體，因為這種字體更適合閱讀長篇文字；而在小標題、廣告等場合時，則可以使用無襯線字體，因為這種字體顯得更加時尚和流行。

同時，在選擇字體時還應該考慮其在不同設備和操作系統中的兼容性，以保證頁面的穩定性和可訪問性。