1. 首頁
  2. »
  3. 免費
  4. »
  5. Taiwan Icon Font 來自日本設計師,以台灣為主軸精心設計100組的文字圖示免費下載

Taiwan Icon Font 來自日本設計師,以台灣為主軸精心設計100組的文字圖示免費下載

2020/01/13

梅問題-Taiwan Icon Font 來自日本設計師,以台灣為主軸精心設計100組的文字圖示免費下載
  Taiwan Icon Font 裡面共有100組,以台灣為主軸所設計的文字圖示,而幕後的設計師,是來自於日本在台的設計師,與英國的程式設計師,一起聯手打造,而這100組的圖示中,共包了台灣的景點、交通、符號、食物、旗幟….等主題,同時每個圖示都相當的有特色也很簡潔。

  而這組以台灣為主文字圖示,不但完全免費,甚至還可用於網頁上,雖然目前只有100組,但日後也會不斷的更新,甚至對支援Illustrator,Sketch、 Word、PowerPoint….使用,因此現在就一塊來看看,來自國外的朋友,如何來表現出台灣各景點的特色,以及如何使用到網頁中。


Taiwan Icon Font
網站名稱:Taiwan Icon Font
網站連結:https://www.twicon.page/index.html

Step1
當進入Taiwan Icon Font的網站後,先點右上的「icons」頁籤,接著就會看到100組,台灣特色為主軸的文字圖示,包含了中華民國國旗、台灣、澎湖群島、龜山島、中正紀念堂、總統府、台北101、故宮博物館、國民革命忠烈祠、龍山寺、國父紀念館、孔子廟、饒河夜市….。
梅問題-Taiwan Icon Font 來自日本設計師,以台灣為主軸精心設計100組的文字圖示免費下載
Step2
接著再點「Get Started」鈕,再按Download鈕,就可將這100組文字圖示給下載回來。
梅問題-Taiwan Icon Font 來自日本設計師,以台灣為主軸精心設計100組的文字圖示免費下載
Step3
下載完畢,解壓縮再雙響List.html,就會看到所有圖示,相對應的CSS名稱。
梅問題-Taiwan Icon Font 來自日本設計師,以台灣為主軸精心設計100組的文字圖示免費下載
Step4
接著先將twicon.css嵌入網頁後,下方再貼上圖示名稱。
梅問題-Taiwan Icon Font 來自日本設計師,以台灣為主軸精心設計100組的文字圖示免費下載
Step5
鏘~鏘~這樣就可看到台灣國旗啦!雖然目前只有100組,也期待日後的更新,真是相當愛台灣的外國人,讓我們也一塊來支持他們吧!
梅問題-Taiwan Icon Font 來自日本設計師,以台灣為主軸精心設計100組的文字圖示免費下載