Google 提供免費2000組的Icon Font圖示，Material icons 為 ...

自從Google與Adobe聯手推出了思源字體後，網頁的字型不再只有那101種，同時再搭配不同的粗細變化，讓網頁編排上變得更加的靈活，再加上Google與Ado... 熱門文章 網頁教學 MAC教學 WordPress教學 免費資源 攝影教學 Photoshop教學 Illustrator教學 全站分類 合作提案 攝影 Adobe APP Mac 軟體 免費資源 網設 架站 生活 搜尋 熱門關鍵字: 免費主機空間 書法字產生器 免費3D軟體大集合 商品攝影教學 bootstrap教學 wordpress架設 首頁 » 網頁開發 » 網頁設計 » Google提供免費2000組的IconFont圖示，Materialicons為網頁圖示多了一個生力軍 Google提供免費2000組的IconFont圖示，Materialicons為網頁圖示多了一個生力軍 2021/03/09 　　自從Google與Adobe聯手推出了思源字體後，網頁的字型不再只有那101種，同時再搭配不同的粗細變化，讓網頁編排上變得更加的靈活，再加上Google與Adobe雙方都提供無限流的雲端字型服務，供大家使用，因此也不用擔心主機頻寬的問題。

Google除了提供免費的字型外，最近還釋出了近2000組的IconFont圖示，而平常所會用到的圖示應有盡有，同時免註冊、免下載，直接引用雲端的服務至網頁中，立即就可使用Google所釋出的IconFont圖示囉！因此身為網設的你，也千萬別錯過了。

Materialicon 網站名稱：Materialicon　 網站連結：https://material.io/resources/icons/ Step1 在進入Google所提供的免費圖示的平台Meterialicon，先點右邊中間的連結。

Step2 進入後，再把引用的連結複製起來。

Step3 貼到網頁的

~之間。

Step4 引用好後，再回到MaterialDesign的平台，搜尋要使用的圖示。

Step5 當選擇好後，點一下圖示，再點左下角的灰色按鈕。

Step6 接著再把下方的HTML語法複製。

Step7 再貼到網頁的~，這時就會看到剛剛所選擇的圖示。

Step8 由於是IconFont，因此是可透過CSS來改變圖示的顏色與大小，但在改變大小時，卻會出現沒反應。

Step9 而解決辦法很簡單，只需要在後方加入!important後，立即就會套用上去啦！因此身為網設的你，也趕快來試用看看囉！ #範例展示： SeethePenGoogleWebFontsbyminwt(@minwt)onCodePen. ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！ ※本站採用CC授權請勿轉貼本站文章，謝謝。

google免費字型, IconFont, webfont, 免費圖示, 免費網頁圖示, 推薦文章 2022－10個免費可商用的圖庫大集合！從人像、食物、風景、人文一應具全 Adobe雲端工具「移除背景」只需拖曳照片立即去背 Adobe雲端工具「免費影片合併」自動合併影片外，甚至還可手動修剪影片 Adobe官方正式推出雲端版Photoshop，只需登入Adobe帳號立即可使用 免費MAC模擬器UTM，讓新版的MACM1也可安裝Windows11 密技！如何讓ibon列印時，圖片與文字可以依原尺寸不被縮放 超省方案！到超商洗證件照8秒立即拿，1張2吋照一元不到 LocalbyFlywheel一鍵快速在本機架設好WordPress，並支援外連與SSL安全加密 Pixelconversions線上一鍵將像素與公分單位快速互轉 四款零延遲iPad延伸螢幕APP，讓iPad變成筆電的外接螢幕 Clockology免費可自行設計AppleWatch表面，並解決無同步選項的安裝教學 《快牙》透過藍芽實現iPhone/Android跨平台互傳檔案與APP 精選文章 《毛筆字線上生成器》一鍵快速產生出各名家書法字 登入中華電信光世代數據機(I-040GW)的管理者帳號、密碼與網址 超豪邁又有氣勢！日文書法手寫字體線上產生器 10大最受歡迎的免費3D軟體大集合 馬桶堵塞網路流傳三招實測，這招最簡單！最有效！ 透過7-11ibon找回遺失的停車繳費單 線上PANTONE色號查詢器，並轉換成CMYK、RGB、網頁色碼，同時還有配色組合可參考 免越獄！透過AltStore讓iPhone/iPad也可自行安裝未簽署的IPA檔教學 《ShutterCounter》線上檢測相機快門釋放次數(支援RAW檔) 0元架站！精選 0元架站！全新GoogleSites協作平台，只要拖、拉、放，立即打造出漂亮RWD網頁 0元架站！Vercel免費網頁空間，可綁定域名、CDN與SSL 0元架站！Forestry打造HUGO即見即所得的編輯介面與整合CloudflarePages全自動化更新 0元架站！CloudflarePages提供無限流、無限容量，免費網頁空間，同時還可綁定自己的網域名稱架設教學 0元架站！DigitalOcean現在也能部署Hugo網站，並有免費方案與CDN服務 0元架站！roast.io免費靜態HTML網頁空間，可綁定網域與10GB流量 0元架站！Neocities免費靜態HTML空間，內建線上檔案管理器拖拉間，快速打造自己的網站 0元架站！NSurge免費無限流量靜態網頁空間，可綁定網域&支援SSL 新年主題文章 台灣正宗《十六張麻將》麻將台數表一覽表 今年來點不一樣的紅包袋！將小朋友塗鴉做成閃亮亮紅包袋,包給長輩最閃耀 《紅包袋別丟!!》新年限定!!紅通通喜氣開運皮夾，好運、財氣都來到! [DIY]7-11自製紅包袋教學！多少量你決定，免等待、立即取件 紙箱再利用DIY貓玩具，「氣虎虎沖天飛車」跟主子一起歡慶新虎年 2022全國新鈔提領地圖懶人包，讓你快速找到就近提領新鈔的銀行過好年 ⇠免到ibon！線上填寫7-ELEVEN交貨便店到店寄件單超方便 BackgroundCut免註冊!只需將圖片上傳，立即就能將照片去的乾乾淨淨，就連複雜的髮絲也難不倒它⇢