国内精品视频一区二区三区_欧美人与牲口杂交在线播放_亚洲精品国男人在线视频_成人夜色视频网站在线观看_国产内射一区亚洲

知識分享

用HTML&CSS展示谷歌Web Font的字體靈感庫

發(fā)表日期:2015/11/5 15:52:05 文章編輯: 瀏覽次數(shù):2868

? ? ?Google Web Font 是一個很好的免費字體庫,在網(wǎng)站制作過程中,設計師和前端人員都喜歡便用,但由于字體太多,選擇好的字體不太好找,所以今天推薦大家嘗試用 Typesource 這個字體靈感站。

? ? ? 該站的特色就是以漂亮的形式展示 Google Web Font 里面的字體,此外用戶還可以自行編輯文字內(nèi)容,并且如果喜歡這個字體的整個Banner設計,用戶可以直接復制源碼拿走,免費使用。

google 網(wǎng)頁字體

編輯字體

STEP 1: 用鼠標移動到要編輯的字體上面,點擊【Edit Text】按鈕

?

STEP 2: 此時,圖中的文字都變?yōu)榫庉嫚顟B(tài),任何文字都可以自己編寫了。

使用字體

選擇好字體后,那么這些字體如何使用呢?其實非常簡單,我們點擊字體的【View Source】按鈕,進入該頁面后,找到【 HTML & CSS】位置,如下圖:

這代碼包含Google字體引入代碼(

但若喜歡他的整個BANNER設計,也可把所有代碼放到你的網(wǎng)頁上進行修改。

網(wǎng)站名稱:Typesource
網(wǎng)站地址:?http://tobiasahlin.com/typesource

網(wǎng)站轉(zhuǎn)載:m.ww520ww.com

------北京網(wǎng)頁建設公司 ? 北京傳誠信------

將文章分享到..
相關新聞
全新新聞
隨機新聞
最新網(wǎng)站設計案例
Hi,我來幫您!