HTML font size 網頁文字大小設計 - HTML 網頁設計筆記

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 網頁文字大小設計》的介紹。

更多網頁文字設計技巧