在以往的網站建設過程中,字型的選擇并不多,即便設計師選擇了特定的字體,若使用者沒有安裝,仍然無法順利觀看。若在必須使用更美觀的字體的情況下,就得制成圖片,但這不僅會造成檔案變大,對于SEO的搜尋更是不利。而Web Fonts的出現便替廣大網站建設師解決這個問題,不必再擔心因使用者沒有安裝該字體而導致與預期不一的效果。
以英文的Web Fonts來說,最有名絕對非Google Fonts莫屬,Google Fonts是一套開放且免費的資源網站。
第一步:進入Google Fonts網站,點選想用的字型,并可依需求選擇想要的字型樣式、大小變化等。
?
第二步:點選右上角「select this font」
?
第三步:會滑出新視窗,復制原始碼及CSS即可,也可下載至個人電腦。
?
?
另外,Google Fonts也提供中文字體,目前有五款可選擇:圓體、楷體、仿宋體、黑體、明體。
https://fonts.google.com/earlyaccess
進入網站后按ctrl+F搜尋「Chinese Traditional」即可找到這些字體。
?
Google Fonts目前已擁有809種字型,提供線上預覽讓您即時瀏覽任何想輸入的文字,并可自由選擇字體大小與粗斜體等變化的預覽效果,也可下載于私人電腦觀看,這讓網站建設師能不再侷限于系統內建字型,使用者也不必再安裝該字型檔案,便可享受最原始的設計,所以了解Google fonts的使用,對網站建設師來說絕對是一絕佳利器。