Custom Font Tutorial by Using Google Font

google_type_font

為了增加website 的獨特性,好多時都會加上一些字型,我地會叫做font face / Typeface,想當年 (兩年前-.-‘ ),我地要自己去找opensource 既fonts,之後embed 去番個website 度。現在google 提供了又一個免費的服務,真係咩都有google份 =.=”

Google Fonts library

1. 先choose 一隻font,(字正腔圓,就呢隻la~)

google_type_font_1

2. click quick-use

3. 見到step 1,看看自己需要邊幾種fonts style,chowky多數都係 一隻normal 一隻Bold 就算,因為太多會affect loading time

google_type_font_2

 

4. 其他語言視乎需要自已加(唔駛la….)

 

google_type_font_3

5. 最好用standard 的方法,用link href,因為@import 的話,就限制了一定要放在最頭,亦好似講話@import perfromance 會慢d (不過chowky 未試過,不敢肯定)

google_type_font_4

 

6. 最後一定要加番preloaded 的fonts 去css ,多數會specify 多過一個,因為假如load 唔到google 的fonts ,就會用另一隻代替 ,只係打一隻,搵唔到就用default…..跟機既setting ,太難估計了~

google_type_font_5

 

d 人一定問: 咁中文有無提供呀?

Chowky: er……你想加入中文的字型^^”…..十分抱歉,google 暫時沒有提供,中文字型都幾百MB以上,放棄吧~用番圖算吧la~

 

Reference: https://www.google.com/fonts

Share
About Chowky
Chowky 希望可以透過這個blog 來分享自己學到的知識。亦希望可以分享最新的資訊。 IT 轉變得很快,要常常留意市場的變化,面對大陸的競爭,香港的 IT 方面的人才要更有市場觸覺,緊貼市塲走勢。因為其他地方的IT技術已經走得比以往更快。不進則退,就讓大家一起來交流、提昇IT的心得! Chowky 因為工作關係,所以一開始接觸的是visual basic, foxpro ( 這不代表我老 ) 之後是 .NET, MSSQL 和 Crystal Report. 由工作學到的project management, system analysis and design 以及 system testing, user acceptance tests and different documentations. 另外,由不同的freelance 方面學到dreamweaver, javascript, php, mysql. 後來興起CMS wave, Chowky 亦學會了Joomla! 以及常用的javascript framwork: jquery and mootool. 連deisgn 都要自己包辦,所以接觸了photoshop, illustrator, firework. 新的工作方面,要利用RIA -- Flex and AIR 方面的技術。所以緊接下來應該會多一點分享ria 方面的技術 Chowky 所說的未必是對的,但我深信我所說的是未來 IT Trend. 大家亦應抱著懷疑的態度去分析每一件事,未經思考不要輕易相信。

No Comments, Be The First!

Leave a Reply