網頁使用GoogleFontAPI(字體)的方法_CSS/HTML
來源:懂視網
責編:小采
時間:2020-11-27 18:55:44
網頁使用GoogleFontAPI(字體)的方法_CSS/HTML
網頁使用GoogleFontAPI(字體)的方法_CSS/HTML:在網頁設計里,字體的顯示是個問題。最普遍用的是宋體,但是宋體在 Win 7 下的表現真的很難看。雅黑端莊一些,但是隨著字體大小,感覺漢字的大小也會有區別。小站現在用的字體是是宋體 + Arial/Georgia,因為習慣了也沒多在意,其實對于英文字體有其它更好的
導讀網頁使用GoogleFontAPI(字體)的方法_CSS/HTML:在網頁設計里,字體的顯示是個問題。最普遍用的是宋體,但是宋體在 Win 7 下的表現真的很難看。雅黑端莊一些,但是隨著字體大小,感覺漢字的大小也會有區別。小站現在用的字體是是宋體 + Arial/Georgia,因為習慣了也沒多在意,其實對于英文字體有其它更好的

在網頁設計里,字體的顯示是個問題。最普遍用的是宋體,但是宋體在 Win 7 下的表現真的很難看。雅黑端莊一些,但是隨著字體大小,感覺漢字的大小也會有區別。小站現在用的字體是是宋體 + Arial/Georgia,因為習慣了也沒多在意,其實對于英文字體有其它更好的選擇。
比如 Bitter 字體,用來做標題倒是不錯:
代碼如下:
Welcome To NowaMagic.net
CSS 怎么調用 Bitter 字體?
代碼如下:
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff');
}
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 700;
src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
其實,這是 Google 推出的Google Font Directory和Google Font API兩項服務,Google聯合了眾多的字體設計者為用戶提供了多種漂亮的字體。具體可以參看以前寫的一篇文章:《用Google Font API來豐富網頁字體》。
這里僅僅拋磚引玉,國內實在太少網站用 Google Font API 了。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
網頁使用GoogleFontAPI(字體)的方法_CSS/HTML
網頁使用GoogleFontAPI(字體)的方法_CSS/HTML:在網頁設計里,字體的顯示是個問題。最普遍用的是宋體,但是宋體在 Win 7 下的表現真的很難看。雅黑端莊一些,但是隨著字體大小,感覺漢字的大小也會有區別。小站現在用的字體是是宋體 + Arial/Georgia,因為習慣了也沒多在意,其實對于英文字體有其它更好的