在網頁設計中，字體大小的自適應是非常重要的。因為不同屏幕分辨率的設備以及不同瀏覽器的設置，都會導致字體大小的不同。那么，我們該如何使用CSS實現字體的自適應呢？

/* 定義基準字體大小 */
html {
font-size: 16px;
}
/* 根據不同屏幕尺寸設置不同字體大小 */
@media screen and (max-width: 767px) { /* 手機 */
html {
font-size: 14px;
} 
}
@media screen and (min-width: 768px) and (max-width: 1023px) { /* 平板 */
html {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) { /* PC */
html {
font-size: 18px;
}
}
/* 使用rem單位設置字體大小 */
p {
font-size: 1.2rem;
}

以上代碼實現了在不同屏幕尺寸下設置不同的基準字體大小，并且使用rem單位來設置字體大小，保證字體的自適應性。我們可以根據具體需求來設置不同屏幕尺寸下的基準字體大小，從而實現更好的用戶體驗。