相信大家在套用模版時
會碰到調整字體大小的問題
有時候明明已經字級已經改大了
但是版面的字體不是不變，
就是大小不是自己所想要的大小
這個困擾怎麼解決？
在此分享一個個人小小的使用心得
就是盡量使用CSS的字體關鍵字
CSS預設的字體關鍵字有七個，可分為：
超超小、超小、小、中、大、超大、超超大
xx-small、x-small、small、medium、large、x-large、xx-large
為何要使用字體關鍵字來控制版面字體？
因為當我們使用 百分比%、em來設定字體大小的時候
會因為「繼承」的緣故，造成前後的字體設定相互影響
也就是說<div></div>設定的字體大小，
會影響到包含在其中的<p>字體大小
例如<div></div>字體設定為80%，<p>字體設定為70%
你實際看到<p>段落裡的字，會比你預期來的小
因為<div>已經設成80%，而<p>又再縮小字體
但是如果使用small、large、medium這些關鍵字來控制
就不會相互影響了！
目前已開發的模版，幾乎都由外國人設計，
他們的CSS裡幾乎都用百分比%、em字級的設定
對英文字來說，比較不容易產生字體過小的問題
但對中文字而言，那真是慘不忍睹
這也就是為何我們老是會有人抱怨
後台字體過小啦、文章段落字體過小的問題
所以當我自己修正模版字體的時後
我都會盡量使用這些關鍵字來控制
不過，這些關鍵字在不同的瀏覽器
雖然用同一個字級，但會有不同的大小，這是缺點！
如果大家還是習慣使用百分比%、em
在修改模版CSS的時後
可以檢查一下「繼承」的問題
有時候往上一層修改字級，才會達到你要的效果
以上！報告完畢！
