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

發表日期：2015/11/5 15:52:05 文章編輯：瀏覽次數：3091

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

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

google 網頁字體

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

STEP 2: 此時，圖中的文字都變為編輯狀態，任何文字都可以自己編寫了。

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

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

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

網站名稱：Typesource
網站地址：?http://tobiasahlin.com/typesource

網站轉載：m.bbtklxp.cn

------北京網頁建設公司 ? 北京傳誠信------

標簽：北京網站建設 html5網站建設北京網站設計北京網站開發

將文章分享到..

日本一区二区高清道免费高清字幕,精品国产91高清在线观看不卡,人人爽久久久噜噜噜丁香,性爱视频免费试看网站,中文人妻免费无码区