在編寫網頁的過程中，HTML和CSS是不可或缺的。而在CSS中，字體樣式的設置是很重要的一部分。接下來，我們來看一些常用的HTML字體CSS代碼。

/* 設置字體 */
font-family: Arial, sans-serif;
/* 設置字號 */
font-size: 16px;
/* 設置字重 */
font-weight: bold;
/* 設置斜體 */
font-style: italic;
/* 設置下劃線 */
text-decoration: underline;

上述代碼中，我們可以看到，使用font-family屬性可以設置字體。同時，使用font-size屬性可以設置字號。如果需要設置字重，可以使用font-weight屬性，而設置斜體則需要使用font-style屬性。如果需要加上下劃線，則可以使用text-decoration屬性。

/* 設置字體顏色 */
color: #333;
/* 設置背景顏色 */
background-color: #f5f5f5;
/* 設置行高 */
line-height: 1.5;
/* 設置文本對齊方式 */
text-align: center;
/* 設置文本縮進 */
text-indent: 2em;

除了上述代碼中的相關屬性外，我們還可以使用color屬性來設置字體顏色，使用background-color屬性來設置背景顏色。如果需要設置行高，可以使用line-height屬性。如果需要設置文本對齊方式，則可以使用text-align屬性，而text-indent屬性則可以用來設置文本的縮進。

在編寫網頁時，我們還需要設置字體在不同設備上的顯示效果。當然，對于響應式網站來說，這一點也非常重要。那么，下面我們來看一些響應式字體的相關代碼。

/* 設置rem單位 */
html {
font-size: 16px;
}
@media (max-width: 768px) {
/* 根據設備寬度設置字號 */
html {
font-size: 14px;
}
}
/* 設置vw單位 */
h1 {
font-size: 4.5vw;
}

在上述代碼中，我們使用了rem單位和vw單位。首先，我們可以將html的font-size設置為16px。這里，1rem等于16px。接著，我們使用@media媒體查詢，當設備的寬度小于等于768px時，將html的font-size設置為14px，以適應設備的顯示效果。最后，我們可以使用vw單位，根據視口寬度設置元素的字號。

通過以上介紹，相信大家已經了解了一些常用的HTML字體CSS代碼。在實際的開發過程中，我們還可以根據需求進行進一步的代碼優化和擴展。