HTML font size 網頁文字大小設計

HTML font size 是網頁文字大小設計的常用語法,size 是 HTML font tag 的其中一項重要功能,主要用來控制網頁文字的大小,利用 size 的數字大小來調整文字的大小,數字範圍從 1 至 7,數字越大就代表文字越大。由於 size 是 HTML font tag 很早就存在的功能,所以幾乎所有的主流瀏覽器都支援 font size 的效果,我們先來看看 HTML font size 的基本語法,再套用至範例中看看效果如何吧!

HTML font size 的基本語法

HTML 的 font size 用法很簡單,直接在 font tag 內使用 size 即可開始設定,其中"文字大小設定"所使用的是範圍在 1~7 之間數字,不需要使用任何單位,數字小於 1 沒有效果,同樣的,超過 7 以上也沒有效果,我們接著把 HTML font size 的語法套用至範例中。

HTML font size 的應用範例

設定值語法
效果
1文字大小示意
2
文字大小示意
3
文字大小示意
4
文字大小示意
5
文字大小示意
6文字大小示意
上表中還差一個設定值 7,主要是因為字體太大會超過版面,所以就沒有寫出來,有興趣的朋友請自己寫一個測試看看囉!原則上 HTML font size 的幾個大小以經能滿足很多網頁設計的需求,不過如果有需要更細緻的設計文字大小,HTML font size 可能就無法做到,這時候可以使用 CSS 的 font-size 屬性來做,CSS 的 font-size 屬性接受非常多樣化的文字大小設計以及單位使用,有興趣的讀者可以閱讀《CSS font-size 網頁文字大小設計》的介紹。

更多網頁文字設計技巧
分享於 2015-01-21 - 更新於 2017-07-31