思源黑體的英文名為是 Google 與 Adobe 合作推出的免費、開放原始碼字型,不管個人還是法人都能免費使用。
因為前陣子Blogger的後台有變化,所以花了一點時間才成功將思源黑體套入在網誌中,所以以下是我成功將Blogger的自行變更原思源黑體的方法。
一、到後台→主題→點選自訂二、點選進階→新增自訂 CSS
三、將下列程式碼貼進去後,按下右上方的「套用至網誌」。
/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Noto Sans TC';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans TC';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}
四、點選右上方的 「 返回 Blogger」 ,再點選我的主題下拉選單的「編輯HTML」
五、按下 Ctrl+F ,搜尋 「sans-serif」
六、在「sans-serif」前加入思源黑體【Noto Sans TC】,前後用半型逗號【,】區隔,不加單引號
七、參考資料:
Blogger字形更換為思源黑體 @ 別說 __ 痞客邦 __
Guidelines for Using Noto – Google Noto Fonts
Google Noto Fonts #sans-hant
沒有留言:
張貼留言