在我剛入坑時，一直想要使用雲端字型讓網站體驗變得更好，但是不知為何?就是沒有辦法成功套用，後來我使用了最笨的方式加入，接下來就讓我們一起學習如何加入雲端字型吧!(正常加入法&笨蛋加入法)
這次所做的範例為Google免費提供的思源明體字型
開始囉！
1. 開啟Google Font頁面(思源明體)，並按下右上角的"SELECT THIS FONT"(再點選下方跳出的黑色邊視窗文字，來讓訊息跳出)
2. 在視窗中，複製HTML碼
並依序至 【Blogger】》【主題】 〉【編輯HTML】
在HTML中按下Ctrl+F 搜尋 "<head>"
在他的上一行貼上程式碼,但因為Blogger的範本為是用XML編譯器做編譯的
因此在link標籤必須加上"/"作為結束這次所做的範例為Google免費提供的思源明體字型
開始囉！
1. 開啟Google Font頁面(思源明體)，並按下右上角的"SELECT THIS FONT"(再點選下方跳出的黑色邊視窗文字，來讓訊息跳出)
2. 在視窗中，複製HTML碼
並依序至 【Blogger】》【主題】 〉【編輯HTML】
在HTML中按下Ctrl+F 搜尋 "<head>"
在他的上一行貼上程式碼,但因為Blogger的範本為是用XML編譯器做編譯的
所以，全部的要貼上的程式碼為 :
【<link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap&subset=chinese-traditional" rel="stylesheet"/>】
3. 若要使用自行時,在CSS中加入font-family: 'Noto Sans TC';即可
如我想選擇ID為hi的元素並用這個字體
只需要加入這幾行CSS
#hi {
font-family: 'Noto Sans TC';
}
就可以簡單的加入並使用字體瞜
0 留言:
張貼留言
歡迎您留言，如果有更進一步的問題，也可以 Messenger 聯絡我們喔