Taiwan Icon Font 給你滿滿的愛台灣

Taiwan Icon Font 以台灣為主題,設計出專屬字體圖示
由日本設計師及英國程式設計師,專為台灣量身打造 Taiwan Icon Font
Taiwan Icon Font 是由日本在台設計師與英國在台程式設計師共同聯手創作,以台灣為主軸所設計的100組字體圖示,包含台灣景點、美食、文化、交通、旗幟….等主題,每個圖示都富有台灣特色,不但完全免費,還可應用於網頁上,檔案裡也提供 SVG 支援 Illustrator 使用,PowerPoint、Word、Sketch…都可以自由應用。此篇介紹的是網頁頁面上的運用。
現在,讓我們一起進入這個經由外國人視角所看見的美麗台灣吧~
Hi~準備好進入「Taiwan Icon Font」了嗎?我們要開始環島囉~Go!
進入「Taiwan Icon Font」首頁後,我們會看到設計清爽簡約的頁面,按下右上角的「icons」進入。
這裡會顯示所有100個台灣的字體圖示,每一款都設計得相當精緻。按下右上角的「Get Started」,我們要來準備打包下載囉~
進入之後會顯示下載說明及版權說明,閱讀後按下「Download」開始下載。
解壓縮後打開下載的檔案資料夾,裡面一共有六個項目。我們打開 List.html
這裡顯示所有字體圖示的規格及使用方法。
最簡單的方法 直接將字體圖示做反白複製,再貼於網頁上使用。
也可以將 twicon.css 置入網頁後,再複製右邊的 code 貼到網頁上。
Code 使用方式說明
❶ 打開網頁將下行 code 放置於<head></head>之間。
<link rel="stylesheet" href="twicon/twicon.css">
❷ 複製要顯示的字體圖示 code 放置於網頁要出現的位置。注意CSS 路徑記得修改為你的網域。
覺得圖示太小?可以在 code 加入twicon-3xtwicon-4xtwicon-5x最大為10倍;也可以加入style="color:green"讓圖示變色,玩出更多創意。
THE END
真的非常感謝他們為台灣設計的專屬圖示。「謝謝你們!你們超棒的!」請讓我們一起支持,用行動來愛台灣!
Read More
More Detail