字型釋疑懶人包

最近看了兩本有關字型的書,「字型散步」與小林章「字型之不思議」。看過書本之後,整理節錄了一些關於字型問題的解惑。並且文章內附上 justfont YouTube 的兩個說明影片《字型是怎麼製作的》和《羅馬體大寫字母是怎麼形成的?》,應該會對字型知識方面有更深入的認識。

Font List 繼續閱讀 “字型釋疑懶人包"

免費網頁字型 Web Font 服務

Google 於 2010 年開始推出英文字型的 Google Web Fonts 服務,這種 Web Fonts 網頁字型服務就是利用 CSS 的import 或載入 Script 的網頁技術方式,直接把字型載入到網頁中,要使用某字型時就直接在 font-family 裡面使用該字型的名稱,就能套用到網頁文字,不再需要額外製作圖檔。

一般網頁的文字顯示方式,是由瀏覽器使用訪客本機電腦系統的預設字體,例如 Windows 裡的細明體、標楷體或微軟正黑體,因此個人電腦、智慧手機或平板電腦的作業環境不同,預設的系統字型就不一樣,顯示出來的網頁也就有點差異。如果網頁中想使用特殊/美觀字型,就必須製作成圖檔才能呈現出來,例如下圖右邊的圖片部分。但這種額外方式不但麻煩,又不利於SEO,顯示文字的效果差。

image-fontsGoogle 於 2010 年開始推出英文字型的 Google Web Fonts 服務,這種 Web Fonts 網頁字型服務就是利用 CSS 的import 或載入 Script 的網頁技術方式,直接把字型載入到網頁中,要使用某字型時就直接在 font-family 裡面使用該字型的名稱,就能套用到網頁文字,不再需要額外製作圖檔。完全不必擔心訪客的電腦作業環,或是有沒有安裝這個字型,非常方便好用。Adobe 也在 2012 年推出 Edge Web Fonts (Typekit 提供的字型服務) 的免費網頁字型服務,提供 Google Web Fonts 以外的另一個選擇。2015年 Google Fonts 早鳥頁開始提供黑體、仿宋、明體、楷體及圓體等五種中文 Webfonts 供大家測試使用。 繼續閱讀 “免費網頁字型 Web Font 服務"