Adobe Xd 製作網頁排版時字體選擇

Tina
Jul 9, 2021

--

在專案中,交付專案時,我提供網頁排版中字體被告知沒照規範進行製作!

製作網頁字體

接到專案時,先了解此網頁製作將提供給那些瀏覽器使用。一般設定會有Chrome, safair,Firefox,Edge,Opera…等等。大部分瀏覽器字體是吃自己本機電腦之設定。要看使用者有沒有另安裝字體。如果沒有就要看使用者使用用什麼裝置,這一塊範圍太大,沒辦法猜測。一般我直接分類使用者為 Windows 及OS系統。當然也有使用者自行改瀏覽器字體,也會影響,網頁上架後,使用者看到畫面。

Mac 、Windows系統預設字體

Mac為PingFang TC 、SF Pro TC 。Windows 為微軟正黑體。

我的設計稿該如何選擇字體

我建議有兩種方式,一是自己本機預設字體,我是用Mac電腦我會以PingFang TC字體為設計使用。另一個就是Noto Sans CJK TC,這是免費開源字體,沒有版權的爭議,在提供設計稿件比較沒爭議。

--

--