HTML5和CSS是網頁開發的兩大基石，其中字體的設置和顏色的搭配對于網頁的設計和視覺效果起到了至關重要的作用。

/* CSS代碼 */
body {
font-family: Arial, Helvetica, sans-serif;  
color: #333;           
}
h1 {
font-size: 32px;    
font-weight: bold;  
color: #0099CC;    
}

在CSS中，字體的設置分為幾個方面，包括字體的種類、大小、粗細、行高等等，其中最顯著的一個屬性就是字體的顏色。

HTML5和CSS提供多種方式來設置字體的顏色，比如使用十六進制的RGB值，或者使用預定義的顏色名稱。

/* CSS代碼 */
h2 {
font-size: 24px;
color: rgb(255, 0, 255); /* 紫色 */
}
h3 {
font-size: 18px;
color: #FF6600; /* 橙色 */
}
p {
font-size: 14px;
color: green; /* 綠色 */
}

在使用預定義顏色名稱時，需要注意的是這些名稱必須小寫，而且不要忘了使用分號進行分隔。

此外，在設置字體顏色時，還有一些注意事項。比如盡量不要使用淺色文字在淺色背景上，否則會影響可讀性；另外當出現文字與背景顏色對比度低時，可以考慮增加文字的粗度和字號，使其更加醒目。

綜上所述，CSS的字體設置和顏色搭配相當重要，可以通過合理的搭配和調整達到更好的視覺效果和可讀性。