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

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

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

§相關文章,還可以參閱:

如何使用 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 語法就可應用

透過目擊者對嫌疑犯長相的描述,先以草圖繪製後,進而轉換成一張看似真實的照片,這是犯罪電影中常會有的劇情,而現實上 Massless 網站下的 Face Maker AI 這個免費服務也在幫你完成這個工作,使用者透過網站所提供的五官、特徵等繪圖工具繪製草圖,系統就會根據這些特徵轉換成一張真實的人臉圖片,其後,也可對轉換後的圖片進行調整,使其更符合心目中的長相,完成後,可下載成 PNG 圖檔,但會有浮水印。

甘特圖(Gantt Chart)、要徑法(CPM)及計畫評核術(PERT)都是專案用來控制時程的技術,各有其優缺點,而甘特圖以條狀呈現,橫軸表示「時間」,縱軸表示「工作項目」,線條則表示整個工作期間,因其易懂、易學,故其為專案計畫與日程安排最常使用的工具。想要製作甘特圖,其實也不需要很複雜的工具,透過 Online Gantt 這個線上工具就可以輕鬆達成,以往類似的工具大都會要求使用者註冊,以方便後續對其專案檔的管理,而 Online Gantt 則無註冊帳號的要求,製作好的專案檔,使用者可以自行儲存到自己的電腦,需要編輯時,再將其匯入到網站來做維護,而編輯好的甘特圖還可以將其輸出成 Excel 或是 PDF 檔案,以提升檔案的流通率。