在網頁設計中，字體大小的選擇非常重要。而在CSS中，我們可以通過font-size屬性來設置字體的大小。但是有時候，我們需要使用比默認大小更小的字體，比如12px以下的字體。

在這種情況下，我們需要注意一些事項：

/* 不要小于12px */ 
body {
font-size: 12px;
}
/* 使用em或rem作為單位 */ 
p {
font-size: 0.8em; /* 等同于12.8px */
}
/* 避免使用文本縮放 */ 
p {
transform: scale(0.8); /* 可能會導致模糊 */
}
/* 可以使用web font來實現更小的字體 */ 
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9及以下 */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* 不支持woff2的瀏覽器 */
url('webfont.woff') format('woff'), /* 常規 */
url('webfont.ttf') format('truetype'), /* android 4.1-4.3 */
url('webfont.svg#svgFontName') format('svg'); /* 舊版iOS */
font-weight: normal;
font-style: normal;
}
p {
font-family: 'MyWebFont';
font-size: 11px;  /* 更小的字體 */
}

總之，使用比默認大小更小的字體需要謹慎，我們需要遵循一些規則來保證頁面的可讀性和易用性。