做前端處理最常會遇到的，就是文字字體、字體大小、文字顏色這三種。
一般來說字體只要業主沒有特別要求，就是直接使用通用字體：微軟正黑體（for windows）、儷黑體（for mac）、中黑體（for 手機和平板），有時業主會希望使用較特別的字體，像是宋體、楷體、圓體……這時我都會和客戶說明，Google Font 非常佛心，有提供免費的中文字體，但僅限思源字體系列，既然是免費的，就加減用吧，哪天 Google 不提供，我們再來考慮替代方案吧！
套用字體後，依據網站的樣式風格調整好文字顏色，最重要的就是「大小」！在未設定的情況下，網站通常都是採用 16px 的大小，也就是編輯器中的 meidum 尺寸。
只是字體大小的單位不一定只能用 px，其他還有 pt、em、%，有做過國內無障礙網站的前端就很清楚，第一關機器人審查的基礎就是字體大小不得有 px 的單位，一律都需要改用 em 或是 %。對於我這個長期使用 wordpress 製作網站的前端來說，光是把 px 改為 em 就吐了一地的血，這時就會邊改邊罵，明明我買的版是符合國外無障礙網站樣版，為什麼還有一大堆需要調整的？！爬文之後才知道，原來國內無障礙的規範比起國外更為嚴格，讓一片的前端工程師唉嚎不止（我也是其中一位）
在預設情況下，16px 也就是等同於 12pt、100%、1em，以此類推其他不同尺寸。
下方稍微把一些較常使用的尺寸列出來供大家參考
| px | pt | % | em | size |
|---|---|---|---|---|
| 10px | 7.5pt | 62.5% | 0.625em | x-small |
| 11px | 8pt | 70% | 0.7em | |
| 12px | 9pt | 75% | 0.75em | |
| 13px | 10pt | 80% | 0.8em | small |
| 14px | 10.5pt | 87.5% | 0.875em | |
| 15px | 11pt | 95% | 0.95em | |
| 16px | 12pt | 100% | 1em | medium |
| 17px | 13pt | 105% | 1.05em | |
| 18px | 13.5pt | 112.5% | 1.125em | large |
| 19px | 14pt | 120% | 1.2em | |
| 20px | 14.5pt | 125% | 1.25em | |
| 24px | 18pt | 150% | 1.5em | x-large |
| 32px | 24pt | 200% | 2em | xx-large |