在網頁設計和開發中，字體的選擇和大小對于頁面的視覺效果和用戶體驗有著重要的影響。但是，不同的瀏覽器和設備的屏幕大小、分辨率等因素會影響字體的呈現方式，這就需要CSS來解決字體隨瀏覽器大小變化的問題。

首先，我們可以使用相對單位em或rem來設置字體大小。em是相對于父元素字體大小來計算的，而rem是相對于根元素字體大小來計算的。這樣做的好處是隨著瀏覽器或設備屏幕大小變化，字體也會相應地變化，不會出現字體過大或過小的問題。

body {
font-size: 16px;
}
h1 {
font-size: 2em;
}
p {
font-size: 1em;
}

上述代碼中，h1的字體大小為父元素字體大小2倍，而p的字體大小和父元素相同。當根元素字體大小為16px時，h1的字體大小為32px，p的字體大小為16px。當根元素字體大小變為20px時，h1的字體大小為40px，p的字體大小為20px。

其次，我們可以使用CSS3的viewport單位來設置字體大小。viewport單位是相對于視口大小來計算的，可以根據設備屏幕大小變化自動調整字體大小。

h1 {
font-size: 5vw;
}
p {
font-size: 2.5vh;
}

在上述代碼中，h1的字體大小以視口寬度5%為基礎進行計算，p的字體大小以視口高度2.5%為基礎進行計算。這樣做的好處是可以讓字體大小和設備屏幕大小保持一致，同時還能適應不同大小的屏幕。

總之，字體大小的設置需要考慮瀏覽器和設備的因素，使用相對單位或viewport單位可以很好地解決字體大小隨瀏覽器大小變化的問題。