Taiwan Icon Font 給你滿滿的愛台灣
- #
- WordPress, 無料Free, 網頁設計
- Date：
- 2020-04-28
Taiwan Icon Font 以台灣為主題，設計出專屬字體圖示
由日本設計師及英國程式設計師，專為台灣量身打造 Taiwan Icon Font
Taiwan Icon Font 是由日本在台設計師與英國在台程式設計師共同聯手創作，以台灣為主軸所設計的100組字體圖示，包含台灣景點、美食、文化、交通、旗幟….等主題，每個圖示都富有台灣特色，不但完全免費，還可應用於網頁上，檔案裡也提供 SVG 支援 Illustrator 使用，PowerPoint、Word、Sketch…都可以自由應用。此篇介紹的是網頁頁面上的運用。
現在，讓我們一起進入這個經由外國人視角所看見的美麗台灣吧～
現在，讓我們一起進入這個經由外國人視角所看見的美麗台灣吧～
- 網 站：Taiwan Icon Font
- 網 址：www.twicon.page
- 安全性：高度安全
這裡會顯示所有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
