其一直被一個問題困擾著~
就是網頁的預設字體大小~
看很多人在設定CSS都用font-size:12px為預設字體大小~
很多套件的預設字體大小也是用font-size:12px~
但我印象中 12pt 才是網頁預設的字體大小呀~
但看大家都這麼做~我好像混淆了~
可是照12px做為預設字型~
怎麼覺得字好像變小了~
有點不太方便閱讀~
於是我做了個小實驗要把這2個12弄清楚~
Default = 未套用任何CSS
12pt = font-size:12pt
12px = font-size:12px
ie的截圖
反而是12px較為美觀， 對此，我也做了下面的小小實驗，
因此又做了一個小小的實驗~
中文12pt;
中文12px;
英文12pt;
My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good.
英文12px;
My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good.
終於弄懂 12pt & 12px 的差異~
12pt – 為網頁的預設字體大小。
用途：
12pt – 較方便閱讀。
12px – 較精緻美觀。
其實字體的大小並沒有一定的規範，只是一個使用者習慣，相信各家瀏器會把12pt當做預設字體大小，一定是此一大小最適合文字閱讀。
但在設計上主要就看客戶的需求、客戶屬性為何，挑選適當的字體大小為預設文字尺寸，滿足目標使用者的需求及網站的可用性；舉例而言：公家機關網站、無障礙網站，主要功能在於內容佈達型的網站，必需兼顧各種族群及閱覽的年齡層，易讀性可能會高過於美觀，因此我們就可以用12pt字體大小；而設計感強烈，講求風格特色的網站如空間設計、平面設計或主題餐廳，網站強調的可能是一種氛圍或形象，則美觀可能就會高過易讀性，這就可以用看起來比較精緻的12px字體大小。
以這兩種此寸為基準去推算，相信以後更能掌握網站字體的大小。
