首頁(yè)?>?知識(shí)?資訊?>?Google Fonts 網(wǎng)頁(yè)設(shè)計(jì)師必用?>?正文

Google Fonts 網(wǎng)頁(yè)設(shè)計(jì)師必用

2016/12/19 0:00:00 · 稿源:傳誠(chéng)信

在以往的網(wǎng)站建設(shè)過(guò)程中,字型的選擇并不多,即便設(shè)計(jì)師選擇了特定的字體,若使用者沒(méi)有安裝,仍然無(wú)法順利觀(guān)看。若在必須使用更美觀(guān)的字體的情況下,就得制成圖片,但這不僅會(huì)造成檔案變大,對(duì)于SEO的搜尋更是不利。而Web Fonts的出現(xiàn)便替廣大網(wǎng)站建設(shè)師解決這個(gè)問(wèn)題,不必再擔(dān)心因使用者沒(méi)有安裝該字體而導(dǎo)致與預(yù)期不一的效果。

以英文的Web Fonts來(lái)說(shuō),最有名絕對(duì)非Google Fonts莫屬,Google Fonts是一套開(kāi)放且免費(fèi)的資源網(wǎng)站。

第一步:進(jìn)入Google Fonts網(wǎng)站,點(diǎn)選想用的字型,并可依需求選擇想要的字型樣式、大小變化等。

進(jìn)入Google Fonts網(wǎng)站,點(diǎn)選想用的字型,并可依需求選擇想要的字型樣式、大小變化等。
?005.jpg

第二步:點(diǎn)選右上角「select this font」

?點(diǎn)選右上角「select this font」

第三步:會(huì)滑出新視窗,復(fù)制原始碼及CSS即可,也可下載至個(gè)人電腦。

?3.jpg

?另外,Google Fonts也提供中文字體,目前有五款可選擇:圓體、楷體、仿宋體、黑體、明體

另外,Google Fonts也提供中文字體,目前有五款可選擇:圓體、楷體、仿宋體、黑體、明體。

https://fonts.google.com/earlyaccess

進(jìn)入網(wǎng)站后按ctrl+F搜尋「Chinese Traditional」即可找到這些字體。

?4.jpg

Google Fonts目前已擁有809種字型,提供線(xiàn)上預(yù)覽讓您即時(shí)瀏覽任何想輸入的文字,并可自由選擇字體大小與粗斜體等變化的預(yù)覽效果,也可下載于私人電腦觀(guān)看,這讓網(wǎng)站建設(shè)師能不再侷限于系統(tǒng)內(nèi)建字型,使用者也不必再安裝該字型檔案,便可享受最原始的設(shè)計(jì),所以了解Google fonts的使用,對(duì)網(wǎng)站建設(shè)師來(lái)說(shuō)絕對(duì)是一絕佳利器。



  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶(hù)服務(wù)
咨詢(xún)熱線(xiàn)

010-62199213

24小時(shí)咨詢(xún)熱線(xiàn)

139-1050-5354