在以往的網(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)選想用的字型,并可依需求選擇想要的字型樣式、大小變化等。
?
第二步:點(diǎn)選右上角「select this font」
?
第三步:會(huì)滑出新視窗,復(fù)制原始碼及CSS即可,也可下載至個(gè)人電腦。
?
?
另外,Google Fonts也提供中文字體,目前有五款可選擇:圓體、楷體、仿宋體、黑體、明體。
https://fonts.google.com/earlyaccess
進(jìn)入網(wǎng)站后按ctrl+F搜尋「Chinese Traditional」即可找到這些字體。
?
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ì)是一絕佳利器。