2021-08-12

CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

在網頁中如果要用圖示,例如電話、郵件或是箭頭,以往的做法就是要有該圖示的圖片檔,將其放在指定的位置,但隨著螢幕大小多元化,固定尺寸的圖示圖片檔,缺點盡顯,除了佔用流量外,亦無法滿足螢幕大小的變化,因此將圖示如同網頁字形般的運用,是目前圖示應用在網頁的做法。不論是 Unicode、Icons - Google Fonts 、Font Awesome 都有提供適合在網頁中使用的字形化圖示集,CSS.GG 這個網站同樣提供免費的字形化圖示集,使用者可以自訂顏色、尺寸,再透過其所提供的 HTML,CSS、SVG 或是 TSX 語法就能應用到網頁上。

CSS.GG 網站資訊

網站語言:英文網站網址: 按我前往 CSS.GG

如何使用 CSS.GG?

1.使用瀏覽器進入 CSS.GG,點擊[ View all icons ]就可以查看全部的圖示集。
CSS.GG 免費圖示字型集,透過 CSS 語法就可應用


CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

2.點擊圖示後,會友該圖示的詳細資料。
CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

3.也可以自訂顏色。
CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

4.而其下方就有提供相對應的語法。
CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

5.如果需要整個圖示集,可以在右側方選擇所需要的格式語法來下載。
CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

 分享您的留言


請輸入關鍵字


請選擇...


˄