用HTML&CSS展示谷歌Web Font的字體靈感庫(kù)
發(fā)表日期：2015/11/5 15:52:05 文章編輯： 瀏覽次數(shù)：3240
? ? ?Google Web Font 是一個(gè)很好的免費(fèi)字體庫(kù)，在網(wǎng)站制作過(guò)程中，設(shè)計(jì)師和前端人員都喜歡便用，但由于字體太多，選擇好的字體不太好找，所以今天推薦大家嘗試用 Typesource 這個(gè)字體靈感站。
? ? ? 該站的特色就是以漂亮的形式展示 Google Web Font 里面的字體，此外用戶(hù)還可以自行編輯文字內(nèi)容，并且如果喜歡這個(gè)字體的整個(gè)Banner設(shè)計(jì)，用戶(hù)可以直接復(fù)制源碼拿走，免費(fèi)使用。
編輯字體
STEP 1: 用鼠標(biāo)移動(dòng)到要編輯的字體上面，點(diǎn)擊【Edit Text】按鈕
?
STEP 2: 此時(shí)，圖中的文字都變?yōu)榫庉嫚顟B(tài)，任何文字都可以自己編寫(xiě)了。
使用字體
選擇好字體后，那么這些字體如何使用呢？其實(shí)非常簡(jiǎn)單，我們點(diǎn)擊字體的【View Source】按鈕，進(jìn)入該頁(yè)面后，找到【 HTML & CSS】位置，如下圖：
這代碼包含Google字體引入代碼( 但若喜歡他的整個(gè)BANNER設(shè)計(jì)，也可把所有代碼放到你的網(wǎng)頁(yè)上進(jìn)行修改。 網(wǎng)站名稱(chēng)：Typesource 網(wǎng)站轉(zhuǎn)載：m.luyingji.cn ------北京網(wǎng)頁(yè)建設(shè)公司 ? 北京傳誠(chéng)信------
網(wǎng)站地址：?http://tobiasahlin.com/typesource
-
簡(jiǎn)約主義的字體排版成就優(yōu)秀網(wǎng)站設(shè)計(jì)作品。
日期：2016-08-10 瀏覽次數(shù)：3396
-
免費(fèi)SSL證書(shū)申請(qǐng)網(wǎng)站topssl.cn上線(xiàn)
日期：2024-09-23 瀏覽次數(shù)：2262
-
如何在北京順義尋找一個(gè)踏實(shí)的網(wǎng)站建設(shè)公司
日期：2023-08-10 瀏覽次數(shù)：5288
-
順義網(wǎng)站建設(shè)：北京順義網(wǎng)站建設(shè)的優(yōu)點(diǎn)
日期：2023-05-25 瀏覽次數(shù)：5651
-
選擇網(wǎng)站公司需要考慮哪些因素
日期：2023-05-25 瀏覽次數(shù)：4475
-
北京模板建站
日期：2023-03-28 瀏覽次數(shù)：4717
-
2019年頁(yè)面加載速度的重要性
日期：2019-04-11 瀏覽次數(shù)：3125
-
創(chuàng)建網(wǎng)站有效標(biāo)題的提示
日期：2019-01-16 瀏覽次數(shù)：2590
-
云如何影響網(wǎng)站設(shè)計(jì)
日期：2019-02-27 瀏覽次數(shù)：2619
-
建設(shè)網(wǎng)站如何規(guī)劃網(wǎng)站架構(gòu)？
日期：2019-09-19 瀏覽次數(shù)：2875
-
企業(yè)網(wǎng)站建設(shè)的過(guò)程中又需要注重哪些問(wèn)題呢?
日期：2018-10-31 瀏覽次數(shù)：3484
