網頁使用 webfont (雲端字型) 為能解決以下問題：
– 工程師不用再跟設計師解釋，為什麼網頁上的字型跟設計稿長的不一樣
– 讓 Windows 的網頁文字不再只是黑體/明體/標楷體套餐
– 讓跨瀏覽器都能顯示相同字型
– 網頁編輯人員不用再把特別的字型都做成圖片
– 讓文字可以有好看的字體，同時也可以被選取、複製、翻譯、向量縮放、被搜尋引擎索引。
– 用其他亞洲語系的系統字型來顯示黑體，如日文 (Meiryo)、韓文 (Malgun Gothic)、中國 (SimHei, Microsoft YaHei)，可以讓網頁上的文字顯示得比較不一樣，但可能發生缺字、筆畫不同、或是有些電腦沒裝的問題。
– 讓微軟正黑體粗體的碧、筵、綰不要有多一個空格，或是粗體筆畫異常的問題
Google Fonts又推出了五款網路專用的免費字型，分別有黑體、仿宋、明體、楷體及圓體，讓部落格在網頁的字型呈現上又多了好幾種不同的選擇，也讓文章標題更加的明顯跟有設計感。
– 工程師不用再跟設計師解釋，為什麼網頁上的字型跟設計稿長的不一樣
– 讓 Windows 的網頁文字不再只是黑體/明體/標楷體套餐
– 讓跨瀏覽器都能顯示相同字型
– 網頁編輯人員不用再把特別的字型都做成圖片
– 讓文字可以有好看的字體，同時也可以被選取、複製、翻譯、向量縮放、被搜尋引擎索引。
– 用其他亞洲語系的系統字型來顯示黑體，如日文 (Meiryo)、韓文 (Malgun Gothic)、中國 (SimHei, Microsoft YaHei)，可以讓網頁上的文字顯示得比較不一樣，但可能發生缺字、筆畫不同、或是有些電腦沒裝的問題。
– 讓微軟正黑體粗體的碧、筵、綰不要有多一個空格，或是粗體筆畫異常的問題
Google Fonts又推出了五款網路專用的免費字型，分別有黑體、仿宋、明體、楷體及圓體，讓部落格在網頁的字型呈現上又多了好幾種不同的選擇，也讓文章標題更加的明顯跟有設計感。
只需引用google fonts的css，就可以將網頁中的文字套用上不同的字型，無論在Chrome、Firefox、Safari、IE皆可正常顯示。
Google Fonts使用方法
進入Google Fonts網頁後，請直接搜尋Chinese-traditional，這一區的文字都是正體中文(繁體)，也都可以完全免費使用，每個字型分別將css引用與指定字型就可以了。
來源：https://wpbox.tips/google-fonts-chinese-traditional/網站名稱：Google Fonts : Early Access
https://blog.user.today/chinese-webfont-note/
0 意見:
張貼留言