HTML font size 網頁文字大小設計

HTML font size 的功能是用來設計網頁文字大小,是很傳統的 HTML 網頁文字設計功能,也是使用相當普遍的功能,font size 的文字大小範圍介於 1~7 之間,數字後方不需要使用單位,範圍內的文字大小足以應付絕大多數的網頁需求,如果還要更大尺寸的文字則必須使用 CSS 的替代語法來設計。所有常用的主流瀏覽器都支援 HTML font size 的功能。

HTML font size 功能在 CSS 設計領域的替代語法是:CSS 透過 font-size 屬性設定文字大小

HTML font size 語法
<font size="文字大小">要顯示的文字</font>
font size 的"文字大小"控制的就是"要顯示的文字"大小,範圍介於數字 1 至數字 7 之間,數字越大代表文字越大,每個數字後都不用加上單位,簡單好用,這點與 CSSfont-size 就不太一樣,不過 CSSfont-size 變化比較多。

HTML font size 網頁文字大小設計範例
<font size="1">這是大小為 1 的文字</font><br>
<font size="2">這是大小為 2 的文字</font><br>
<font size="3">這是大小為 3 的文字</font><br>
<font size="4">這是大小為 4 的文字</font><br>
<font size="5">這是大小為 5 的文字</font><br>
<font size="6">這是大小為 6 的文字</font>
範例的效果
這是大小為 1 的文字
這是大小為 2 的文字
這是大小為 3 的文字
這是大小為 4 的文字
這是大小為 5 的文字
這是大小為 6 的文字
範例顯是從 font size 最小的 1 開始至 6 的比較,由於 size="7" 實在是太大了,所以沒有寫出來,各位有興趣可以自己寫寫看,如果想要更細膩的文字大小,而且想要自己設定文字的尺寸單位,還是應該改用 CSSfont-size 來設計會比較好。

更多網頁文字設計
© Copyright webtech.tw Since 2010