
而這組以台灣為主文字圖示,不但完全免費,甚至還可用於網頁上,雖然目前只有100組,但日後也會不斷的更新,甚至對支援Illustrator,Sketch、 Word、PowerPoint….使用,因此現在就一塊來看看,來自國外的朋友,如何來表現出台灣各景點的特色,以及如何使用到網頁中。
Taiwan Icon Font
網站名稱:Taiwan Icon Font
網站連結:https://www.twicon.page/index.html
網站連結:https://www.twicon.page/index.html
Step1
當進入Taiwan Icon Font的網站後,先點右上的「icons」頁籤,接著就會看到100組,台灣特色為主軸的文字圖示,包含了中華民國國旗、台灣、澎湖群島、龜山島、中正紀念堂、總統府、台北101、故宮博物館、國民革命忠烈祠、龍山寺、國父紀念館、孔子廟、饒河夜市….。

Step2
接著再點「Get Started」鈕,再按Download鈕,就可將這100組文字圖示給下載回來。

Step3
下載完畢,解壓縮再雙響List.html,就會看到所有圖示,相對應的CSS名稱。

Step4
接著先將twicon.css嵌入網頁後,下方再貼上圖示名稱。

Step5
鏘~鏘~這樣就可看到台灣國旗啦!雖然目前只有100組,也期待日後的更新,真是相當愛台灣的外國人,讓我們也一塊來支持他們吧!
