Adobe Fonts 提供五種「文鼎中文字型」免費雲端下載,可個人和商業用途(方新書、明體、晶熙黑、魏碑、圓體)

Adobe Fonts 提供五種「文鼎中文字型」免費雲端下載,可個人和商業用途(方新書、明體、晶熙黑、魏碑、圓體)

以前有一段時間我使用台灣文鼎科技的「iFontCloud 文鼎雲字庫」網頁字型服務,因為它收錄一些自家開發設計的高品質字型,提供包括字型租賃和網頁字體服務,可將頁面中所使用的字以雲端技術套用為其他字型,使用者無需取得這些字型也能讓網頁呈現更好的效果,網頁字型技術在 Adobe Fonts(以前稱為 Typekit)和 Google Fonts 都有提供,Adobe Fonts 渲染速度和效果較好,如果你有訂閱 Creative Cloud 的話還能從網站免費取得各種字型。

Instagram Line Break 解決 IG 貼文換行問題,複製貼上就能插入空行

Instagram Line Break 解決 IG 貼文換行問題,複製貼上就能插入空行

如果你經常以 Instagram 紀錄生活或抒發心情,應該會發現 IG 並不適合書寫長篇內容,段落問題常會搞到焦頭爛額,透過加入標點符號方式強迫換行是比較多人會用的方法。但如果你想讓排版好看一點,之前介紹過「改行くん」可以幫使用者將內容換行,貼到 Instagram 才能呈現出最好的效果,算是相當方便的 iOS App,有段時間我也是使用「改行くん」調整 IG 貼文排版。

為什麼你們就是不能加個空格呢?自動在中文和英文、數字符號間插入空白(Chrome 擴充功能)

為什麼你們就是不能加個空格呢?自動在中文和英文、數字符號間插入空白(Chrome 擴充功能)

最早曾在 2012 年介紹過這個有趣卻很實用的 Google Chrome 外掛,對於平常上網經常覺得中英文之間不加空格渾身不自在的朋友來說很有用,不知道你有沒有相同感受?無論是一般網站、新聞、部落格文章都有不同的排版方式,如果有好的文字大小、間距和配色就會讓讀者在閱讀上較為輕鬆,而其中一個很重要的部分在於全形和半形應該使用空格分開,否則就會使內容看起來太過擁擠。

思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts

思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts

我在 WordCamp Taipei 活動上分享自己的網站經營心得,其中提到我對網頁的版面設計及排版相當重視,內容寫得好不好其次,更重要的是讓進入網站的訪客會想看看你究竟寫些什麼,就像美食需要擺盤陪襯,美酒需要酒瓶包裝,即使你不是那麼表面,還是不得不承認字型是一個網站需要下點功夫用心研究的元素。

改行くん:幫你的 Instagram 發文換行,打字複製貼上自動轉格式(iOS)

改行くん:幫你的 Instagram 發文換行,打字複製貼上自動轉格式(iOS)

自從 Instagram 被 Facebook 收購後,已經逐漸被改造的更像臉書,曾經很多人覺得世外桃源好像也不復存在,現在 Instagram 除了以演算法排序照片,還加入 Direct 訊息功能,而且會顯示活動狀態(最後上線時間),似乎更不適合平常喜歡「潛水」的人。但不得不說擁有龐大資源的 Instagram 反而增加更多使用者,或許也跟帳戶會和 Facebook 互相連結有關。

Gutenberg 開放原始碼網頁列印樣式下載,讓輸出網頁更正確美觀

Gutenberg 開放原始碼網頁列印樣式下載,讓輸出網頁更正確美觀

現今已經很少人會把網頁內容列印出來,PDF 表格表單大多能在線上處理,再加上家裡可能也不太放印表機,其實超商就能列印影印傳真,實在是沒有必要再添購一台機器放家裡佔空間。但對網頁設計者來說,有時候仍得兼顧到使用者列印內文的需求,但要怎麼樣才能讓列印出來的畫面符合使用者期待呢?至少列印時該出現的部分要出現,不該出現的廣告也盡量避免,顏色什麼的調整一下,其實可以透過 CSS 樣式來最佳化列印效果。

GitHub 將 CSS 設計框架開放原始碼,釋出 Primer 專案可免費下載!

GitHub 將 CSS 設計框架開放原始碼,釋出 Primer 專案可免費下載!

最近知名的專案版本控制平台 GitHub 將網站前端設計框架開放原始碼,以 MIT 授權條款釋出,為廣大開發者提供了更大的靈活性。Primer 包含基本排版設定,一些小物件例如按鈕、標籤樣式,以及 HTML、CSS 撰寫準則,開放原始碼意味著所有使用者皆能透過 Primer 社群來分享和學習,並不斷改進使 Primer 變得更好。

BLOKK 適合在 Mockup 使用的填充字型,讓視覺效果更貼近真實樣貌

BLOKK 適合在 Mockup 使用的填充字型,讓視覺效果更貼近真實樣貌

如果你是從事網頁開發、平面設計工作的話,應該會很常使用範例文字或圖片來填充設計區域,使 Mockup 或 Wireframe 更貼近完成時的效果。最近我在網路上找到另一個解決方案,透過 BLOKK Font 免費字型可以更快速地為你產生範例文字,這套字型完全免費,而且相當輕巧,主要是把文字轉為類似於方塊的顯示效果,遠遠看起來就有點像是卡通報紙呈現的感覺。

12 個你應該知道的中英文假字、文章產生器(Lorem Ipsum)

12 個你應該知道的中英文假字、文章產生器(Lorem Ipsum)

對於網頁開發或平面設計來說,在工作時可能經常會需要使用一些文字或圖片來填充空白區域,以設計排版,讓它看起來更接近完成時的樣貌,也能協助其他人瞭解你的構想。先前我們曾經介紹過 Placehold.it 範例圖片產生器,可依照使用者的需求來產生特定寬度、高度的圖片,用以測試在不同大小圖片下的網頁呈現效果。那如果需要範例文字,你會怎麼做呢?