Google Chrome瀏覽器的字型字體無法縮小到12px以下的CSS解決方案

在網頁畫面的呈現上,其實喜歡大一點的字體,

但預設字型的大字體真的好難看

加上其實還有許多小螢幕及會把畫面放大的應用程式

且考量點對點最乾淨俐落點陣字體

所以時常會使用的還是標準的12px... css

可是有時在一些備註或摘要上,需要用更小一點的字體及灰色來表達

但在Google Chrome上卻無法縮小

雖然Chrome跟firefox及safari都是不同核心

但好像只有Chrome有字體的限制?

要解除12px限制的封印

其實只要在該CSS屬性上加一行宣告即可

-webkit-text-size-adjust:none;