幫網站導入 Google 雲端中文字型，立即享用黑體和宋體，提升閱讀舒適性
好的字型，絕對有助於提升使用者在網頁停留的閱讀時間。 Google 免費提供了兩款雲端字型，思源黑體（ Noto Sans TC ）和思源宋體（ Noto Serif TC ），可以在網頁開啟時動態載入，提升閱讀的舒適性，進而增加眼球的黏著度。
我通常選擇 Light 300 樣式，不會太細，也不會太粗，閱讀起來比較舒服。當然如果需要粗體字或作為標題的話，就需要 Bold 系列了。
操作步驟
操作步驟詳述如下：
- 首先來到思源黑體（ Noto Sans TC ）和思源宋體（ Noto Serif TC ）的網頁。
- 在「 Type here to preview text 」欄位裡輸入要用來預覽效果的中文字（比方說就打「思源黑體」或「思源宋體」），也可以不輸入，使用預設的英文字「 Almost before we knew it, we had left the ground. 」。
- 在「 Type here to preview text 」欄位旁邊的是「Font size」（字型大小），用來調整預覽字體的大小。
- 透過點擊「 + Select this style 」，新增想要使用的字體樣式，例如 Light 300 。此時，右邊會跑出一塊「 Selected family 」，上半部的「 Review 」可以確認是否選對字型，下半部的「 Use on the web 」就是要用來嵌入網頁的雲端字型程式碼。
- 雲端字型的嵌入，是透過引用 CSS ，支援
link和@import兩種語法，所以擇一把這段程式碼複製起來，加到網頁的head區塊中，比方說</head>結尾標籤的前面。 - 這樣網頁就具備動態載入 Google 雲端字型的能力了，接著在需要使用到地方，透過 CSS 語法指明
font-family，所以複製這行程式碼，以套用至body全域為例，可以這樣設定：<body style="font-family: 'Noto Sans TC', sans-serif;">
示範網頁
雖然 Mac 電腦和 iPhone/Android 手機的內建字型也很漂亮，但是指定同款雲端字型，在所有設備上面，可以有更一致的呈現。示範網頁請點這裡，網頁原始碼請點這裡。 LINE 機器人的 LIFF 網頁也很適合，請點這裡。
利用「 Google 繪圖」自製正方形 Logo 圖案（可去背），只需要 5 個步驟
無論是製作 App 、網站或 LINE 聊天機器人，都需要一張基本檔案圖案（或稱大頭照、頭像等）來充當該服務的代表，而且最好讓人一眼就看出該服務賣的是什麼關子。原則上系統都會有自己預設的這張圖案，例如網站若是沒有設定 favicon 圖示， Chrome 瀏覽器會顯示一顆灰色地球，而 LINE 則會在好友清單上顯示灰色的圓形半身人像。
