在前端網頁設計中，CSS是制作出美觀網頁的不可或缺的工具。其中字體大小的設置是CSS設計中的重點之一，而使字體大小不變也是經常被提到的話題。下面來介紹一下如何實現CSS字體大小不變。

p {
font-size: 16px; /* 設置字體大小 */
font-size: 1rem; /* 設置字體大小，即1倍根元素字體大小 */
}

在CSS中，我們可以用font-size屬性來設置字體大小。如果想讓字體大小不隨頁面縮放而改變，我們可以采取兩種方式：使用像素（px）單位或者使用相對單位rem。

使用像素單位：

p {
font-size: 16px; /* 設置字體大小為16像素 */
}

這種方式的字體大小不會隨頁面的縮放而變化，適用于固定大小的頁面元素。

使用相對單位rem：

html {
font-size: 14px; /* 設置根元素字體大小為14像素 */
}
p {
font-size: 1rem; /* 設置字體大小為1倍根元素字體大小，即14像素 */
}

這種方式的字體大小會隨頁面的縮放而改變，但是會根據根元素的字體大小進行縮放，因此可以保證頁面的一致性。

總之，在設計網頁時，字體大小設置是非常重要的一項，我們可以根據所需情況選擇合適的單位來設置字體大小，使它在不同大小的設備上都能達到最佳效果。