CSS是前端開發重要的一環，它可以讓網頁更加美觀。在CSS中，字體大小的設置非常關鍵，下面我們來看一下如何設置小于12號字體：

font-size: 10px;

以上代碼表示將字體大小設置為10像素，這樣字體就會比默認的12像素小。

除了直接設置像素大小，我們也可以使用百分比或em單位來設置字體大小。下面是相應的代碼示例：

font-size: 80%;
font-size: 0.8em;

這兩種方式都可以讓字體縮小一些。其中，百分比是相對于父元素的大小，而em單位是相對于當前元素的大小。

在設置小于12號字體時，我們還應該注意一些細節。首先，字體盡量不要小于9號，否則會影響閱讀體驗。其次，我們還應該注意兼容性問題。雖然現代瀏覽器支持設置小于12號字體，但某些版本的IE瀏覽器可能會出現顯示問題。若要實現更好的兼容性，可以通過JavaScript來進行相應的判斷和兼容處理。

最后要注意的是，字體大小不是唯一的讓網頁看起來美觀的方式，合理使用其他的CSS屬性也可以達到同樣的效果。我們應該根據實際需要來調整字體大小，讓網頁更加舒適易讀。