以前有一段時間我使用台灣文鼎科技的「iFontCloud 文鼎雲字庫」網頁字型服務，因為它收錄一些自家開發設計的高品質字型，提供包括字型租賃和網頁字體服務，可將頁面中所使用的字以雲端技術套用為其他字型，使用者無需取得這些字型也能讓網頁呈現更好的效果，網頁字型技術在 Adobe Fonts（以前稱為 Typekit）和 Google Fonts 都有提供，Adobe Fonts 渲染速度和效果較好，如果你有訂閱 Creative Cloud 的話還能從網站免費取得各種字型。
排版
為什麼你們就是不能加個空格呢？自動在中文和英文、數字符號間插入空白（Chrome 擴充功能）
最早曾在 2012 年介紹過這個有趣卻很實用的 Google Chrome 外掛，對於平常上網經常覺得中英文之間不加空格渾身不自在的朋友來說很有用，不知道你有沒有相同感受？無論是一般網站、新聞、部落格文章都有不同的排版方式，如果有好的文字大小、間距和配色就會讓讀者在閱讀上較為輕鬆，而其中一個很重要的部分在於全形和半形應該使用空格分開，否則就會使內容看起來太過擁擠。
思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts
我在 WordCamp Taipei 活動上分享自己的網站經營心得，其中提到我對網頁的版面設計及排版相當重視，內容寫得好不好其次，更重要的是讓進入網站的訪客會想看看你究竟寫些什麼，就像美食需要擺盤陪襯，美酒需要酒瓶包裝，即使你不是那麼表面，還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
Gutenberg 開放原始碼網頁列印樣式下載，讓輸出網頁更正確美觀
現今已經很少人會把網頁內容列印出來，PDF 表格表單大多能在線上處理，再加上家裡可能也不太放印表機，其實超商就能列印影印傳真，實在是沒有必要再添購一台機器放家裡佔空間。但對網頁設計者來說，有時候仍得兼顧到使用者列印內文的需求，但要怎麼樣才能讓列印出來的畫面符合使用者期待呢？至少列印時該出現的部分要出現，不該出現的廣告也盡量避免，顏色什麼的調整一下，其實可以透過 CSS 樣式來最佳化列印效果。
BLOKK 適合在 Mockup 使用的填充字型，讓視覺效果更貼近真實樣貌
如果你是從事網頁開發、平面設計工作的話，應該會很常使用範例文字或圖片來填充設計區域，使 Mockup 或 Wireframe 更貼近完成時的效果。最近我在網路上找到另一個解決方案，透過 BLOKK Font 免費字型可以更快速地為你產生範例文字，這套字型完全免費，而且相當輕巧，主要是把文字轉為類似於方塊的顯示效果，遠遠看起來就有點像是卡通報紙呈現的感覺。
12 個你應該知道的中英文假字、文章產生器（Lorem Ipsum）
對於網頁開發或平面設計來說，在工作時可能經常會需要使用一些文字或圖片來填充空白區域，以設計排版，讓它看起來更接近完成時的樣貌，也能協助其他人瞭解你的構想。先前我們曾經介紹過 Placehold.it 範例圖片產生器，可依照使用者的需求來產生特定寬度、高度的圖片，用以測試在不同大小圖片下的網頁呈現效果。那如果需要範例文字，你會怎麼做呢？