在設計網頁時，我們通常需要設置字體的大小以達到更好的視覺效果。但是，不同的瀏覽器和設備對于字體大小的解析方式各不相同，這就需要我們在選擇和設置字體大小時考慮兼容性。

具體來說，我們可以通過以下的方法實現CSS字體大小的兼容性：

/* 給根元素設置字體大小 */
html {
font-size: 100%;
}
/* 將字體大小設置為 rem 單位*/
body {
font-size: 1rem;  
}
/* 之后再按照百分比或 px 設置字體大小 */
h1 {
font-size: 150%;  /* 按照百分比設置字體大小 */
}
p {
font-size: 16px;  /* 按照 px 設置字體大小 */
}

以上代碼中，我們首先給根元素設置了字體大小為 100%，然后在 body 元素中將字體大小設置為 1rem。這樣，在我們后面對于其他元素的字體大小設置中，就可以使用 px 或者百分比作為單位，而不用擔心兼容性問題。

值得注意的是，在對于字體大小的設置中，我們應該盡量避免在樣式表中使用絕對的像素大小，因為這樣可能會導致在不同的設備或者瀏覽器中顯示效果不同。使用相對大小單位，比如 em 和 rem，可以讓字體根據瀏覽器窗口大小自適應，從而提高頁面的兼容性。

總而言之，CSS 字體大小的兼容性是我們在設計網頁時必須要考慮的一個因素。通過合理的設置根元素字體大小以及使用相對大小單位，我們可以實現在不同的設備和瀏覽器中都獲得良好的顯示效果。