用HTML&CSS展示谷歌Web Font的字體靈感庫(kù)
發(fā)表日期：2015/11/5 15:52:05 文章編輯： 瀏覽次數(shù)：3088
? ? ?Google Web Font 是一個(gè)很好的免費(fèi)字體庫(kù)，在網(wǎng)站制作過(guò)程中，設(shè)計(jì)師和前端人員都喜歡便用，但由于字體太多，選擇好的字體不太好找，所以今天推薦大家嘗試用 Typesource 這個(gè)字體靈感站。
? ? ? 該站的特色就是以漂亮的形式展示 Google Web Font 里面的字體，此外用戶還可以自行編輯文字內(nèi)容，并且如果喜歡這個(gè)字體的整個(gè)Banner設(shè)計(jì)，用戶可以直接復(fù)制源碼拿走，免費(fèi)使用。
編輯字體
STEP 1: 用鼠標(biāo)移動(dòng)到要編輯的字體上面，點(diǎn)擊【Edit Text】按鈕
?
STEP 2: 此時(shí)，圖中的文字都變?yōu)榫庉嫚顟B(tài)，任何文字都可以自己編寫了。
使用字體
選擇好字體后，那么這些字體如何使用呢？其實(shí)非常簡(jiǎn)單，我們點(diǎn)擊字體的【View Source】按鈕，進(jìn)入該頁(yè)面后，找到【 HTML & CSS】位置，如下圖：
這代碼包含Google字體引入代碼( 但若喜歡他的整個(gè)BANNER設(shè)計(jì)，也可把所有代碼放到你的網(wǎng)頁(yè)上進(jìn)行修改。 網(wǎng)站名稱：Typesource 網(wǎng)站轉(zhuǎn)載：m.119956.com ------北京網(wǎng)頁(yè)建設(shè)公司 ? 北京傳誠(chéng)信------
網(wǎng)站地址：?http://tobiasahlin.com/typesource
-
簡(jiǎn)約主義的字體排版成就優(yōu)秀網(wǎng)站設(shè)計(jì)作品。
日期：2016-08-10 瀏覽次數(shù)：3245
-
免費(fèi)SSL證書申請(qǐng)網(wǎng)站topssl.cn上線
日期：2024-09-23 瀏覽次數(shù)：1914
-
如何在北京順義尋找一個(gè)踏實(shí)的網(wǎng)站建設(shè)公司
日期：2023-08-10 瀏覽次數(shù)：4977
-
順義網(wǎng)站建設(shè)：北京順義網(wǎng)站建設(shè)的優(yōu)點(diǎn)
日期：2023-05-25 瀏覽次數(shù)：5356
-
選擇網(wǎng)站公司需要考慮哪些因素
日期：2023-05-25 瀏覽次數(shù)：4197
-
北京模板建站
日期：2023-03-28 瀏覽次數(shù)：4413
-
你有一個(gè)移動(dòng)友好的網(wǎng)站嗎
日期：2019-04-24 瀏覽次數(shù)：2492
-
如何減少網(wǎng)站加載時(shí)間
日期：2019-04-15 瀏覽次數(shù)：2399
-
建立一份網(wǎng)頁(yè)設(shè)計(jì)草圖的重要性！
日期：2022-11-15 瀏覽次數(shù)：2304
-
2019年如何降低網(wǎng)站的跳出率
日期：2019-06-11 瀏覽次數(shù)：2334
-
提高網(wǎng)站轉(zhuǎn)換率的7個(gè)提示
日期：2019-04-04 瀏覽次數(shù)：2393
