我在 WordCamp Taipei 活動上分享自己的網站經營心得,其中提到我對網頁的版面設計及排版相當重視,內容寫得好不好其次,更重要的是讓進入網站的訪客會想看看你究竟寫些什麼,就像美食需要擺盤陪襯,美酒需要酒瓶包裝,即使你不是那麼表面,還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
前端
Iconfont.cn 阿里巴巴免費向量圖示庫,可產生中文網頁字型嵌入網站
Google Fonts 免費字型網站提供相當大量的中英文字型下載,如果要運用於網站,也能立即產生內嵌程式碼,以 Webfont 形式在瀏覽器開啟網頁時快速載入字型檔。一般來說,英文字型運用在網頁中幾乎沒什麼太大問題,但中文因為字型檔案太大、授權等問題,就必須借助一些技術來加快載入速度,避免影響使用者讀取網站,例如使用 Typekit、Google Fonts 載入思源黑體提升文字顯示質感(不過後者仍在測試階段)。
Type Hero 在瀏覽器即時測試 Google Fonts 效果,可切換字型和背景顏色
Google Fonts 可能是目前收錄最多免費英文字型的網站,去年大改版後,原本動線不佳和瀏覽不便等情形已經獲得改善,走向更簡約的設計風格,整體瀏覽感覺是很棒的!假如你不喜歡它的字型搜尋或測試功能,也有開發者自行開發第三方應用,例如 FontCDN 更好用的網頁字型搜尋工具,能直接在網頁快速套用 Google 字型的 Font Swap 外掛程式或是 Better Font Finder 更直覺的字型檢視器,都是這網站之外值得一試的免費服務。
Better Font Finder 更直覺 Google Fonts 檢視器,可視化介面比較不同字型
下載微軟免費 Windows 10 開發環境,四種虛擬機器平台實作內建常用工具

昨天介紹過微軟提供免費 Windows 7、8 和 Win 10 作業系統虛擬機鏡像下載,對於開發者來說實在是一個不可多得的免費資源,簡單來說,微軟已將不同瀏覽器版本及作業系統設定為虛擬機器映像檔,只要下載匯入電腦後就能直接變成測試環境(當然你必須要準備虛擬機器軟體),可讓開發者節省許多建置時間,務必善加利用。
微軟提供免費 Windows 7、8 和 Win10 作業系統虛擬機鏡像下載
對於網站或應用程式開發者來說,在不同環境下進行測試,確保網站能夠在各種作業系統及瀏覽器顯示是最重要也繁瑣的工作。尤其是 Windows 內建 IE 瀏覽器(最新為 Microsoft Edge)有各種版本,加上近年 Windows 作業系統不少,搭配起來就有許許多多組合。麻煩的是我們很難確保網站在每一種 IE 都正常顯示,為了解決這個問題,微軟之前推出 Browser Screenshots 讓使用者輸入網址來快速預覽在不同瀏覽器的網站運作畫面。
RandomFont 字型控必備!開啟網頁隨機展示一款英文字型背景故事
Jare.io 免費 CDN 圖片分流加速服務,使用 AWS CloudFront 方便即時免設定
對於有架站經驗的開發者來說,一定對內容傳遞網路(Content Delivery Network,縮寫 CDN)不陌生,CDN 主要用來分散網站流量,讓使用者能從更近、更快速的伺服器節點獲取網頁檔案,提高效能降低整體成本,多半用於託管圖片或 CSS、JavaScript 檔案上,例如 Photon 是由 WordPress 官方提供的免費圖片 CDN 分流加速功能,若要讓整體網站加速,我會推薦使用 CloudFlare,目前已提供台灣節點。
Google Fonts 網站全新設計,免費下載八百種英文字型
Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務,其中收錄大量開放原始碼字型專案,讓使用者透過目錄篩選的方式找到自己需要的字型資源,除了免費下載也能藉由產生程式碼將字體內嵌到網站使用,大家都知道 Google 擁有相當龐大的網路連線能力,因此網路字型不僅能讓文字樣式更多樣化,也不會對載入速度造成影響,之前 Google Fonts 已將中文思源黑體放入 Early Access 測試頁面,用以改善中文網頁的文字顯示效果。