WEB DESIGN
用Google Fonts的字型來做網頁

 FONT

在做網頁選擇字體時會有甚麼考慮呢?果然是字體是否切合於網頁內容和設計風格、是否便於閱讀和在用戶電腦的顯示問題吧~~~所以大家都不會只指定一種字體,而會保險地選擇幾種類似的字體,以確保在用戶電腦顯示出來的不會太偏離心中所想。但是擔心用戶電腦沒有指定的字型的話,其實用Google Fonts都可以~~


Google Fonts有很多不同字型選擇,可以下載,又可以在網頁上使用。當然在網頁上用用戶沒有的字型,在載入網頁時用的時間會多一點,但英文字體容量不太大,所以我覺得還好。

做法

1. Import JS

2. Import CSS(這裡我是想用Oxygen這字體)

3. 設定CSS

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">