![梅問題-Google Fonts推出Material Icons圖示字型,不但可設定圖示的粗細與風格](http://photo.minwt.com/img/Content/webdesign/google-fonts-ico/00.jpg)
Google Fonts圖示字型
Step1
在進入Google圖示字型後可從Weight中,透過拖拉改變圖示的粗細變化,共有7種粗細變化。
![梅問題-](http://photo.minwt.com/img/Content/webdesign/google-fonts-ico/01.jpg)
Step2
預設為線框,若要實心的話,只需將fill的選項設為開啟。
![梅問題-](http://photo.minwt.com/img/Content/webdesign/google-fonts-ico/02.jpg)
Step3
在選擇圖示後,分別將右邊的原始碼貼到網頁中。
![梅問題-](http://photo.minwt.com/img/Content/webdesign/google-fonts-ico/03.jpg)
Step4
在貼入後,隨即就會顯示剛所選擇的圖示,而比較特別的是,Google的圖示字型,則是透過標籤中的文字進行設定的。
![梅問題-](http://photo.minwt.com/img/Content/webdesign/google-fonts-ico/04.jpg)
Step5
當把裡面的文字替換掉後,隨即就可更換其它的字型,真的相當的酷!且裡面的圖示應有盡有,因此下回要使用網頁圖示時,不妨可試試看囉!
![梅問題-](http://photo.minwt.com/img/Content/webdesign/google-fonts-ico/05.jpg)