CSS是前端開發中很重要的一環，其樣式設置能大大改善我們的網頁效果，其中字體樣式是很重要的一部分。下面就來介紹一下CSS字體的樣式和風格。

/* 設置字體的樣式和風格 */
body {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
text-transform: capitalize;
}

上述代碼中，我們可以看到有以下幾個樣式和風格：

• font-family：設置字體的名稱，可以是英文字體、中文字體或者Web字體，如上述代碼中的Arial和sans-serif。
• font-size：設置字體的大小，可以用像素或百分比來設置，如上述代碼中的16px。
• font-weight：設置字體的粗細，可以是normal或bold。如上述代碼中的bold就是加粗。
• font-style：設置字體的樣式，可以是normal、italic或oblique。如上述代碼中的italic就是傾斜。
• text-decoration：設置文字的裝飾，可以是none、underline、overline或line-through。如上述代碼中的underline就是下劃線。
• text-transform：設置文字的大小寫轉換。可以是none、capitalize、uppercase或lowercase。如上述代碼中的capitalize就是首字母大寫。

以上就是CSS字體的樣式和風格的簡單介紹。在實際開發中，我們可以通過自己的戰斗經驗不斷試錯，從而找到最適合的字體樣式和風格。