Taiwan Icon Font 屬於台灣的免費圖示,收錄台北101、珍珠奶茶等圖案

最後更新於 2020 年 07 月 07 日

愛台灣可以有很多表現方式,例如拍照上傳社群網站讓世界看到台灣的美,走訪各鄉鎮看看台灣大街小巷,雖然大家都很熱衷出國自助旅遊,但其實台灣也有不少很美麗、很有特色的地方,可惜假日出去總是人擠人,不在台灣還是會想念台灣美食。對於亞洲鄰近國家觀光客來說,他們也非常喜歡台灣,不少日本人很愛到台灣旅遊,都能拍出讓我覺得很不像台灣的相片。

接下來要介紹的「Taiwan Icon Font」很有趣,這是一套屬於台灣在地的免費圖示字型,由一位在台南生活的日本設計師 holoko 和住在台灣的英國程式設計師 Rob 共同開發。第一個版本是以「台灣旅遊」做為發想而創作出很多台灣旅遊景點,其中也包括不少台灣在地文化、交通運輸、美食或品牌等等,像是台北 101、中正紀念堂、珍珠奶茶、台灣啤酒、捷運或茄芷袋(我也是寫這篇文章才知道這個東西的名字…)。

Taiwan Icon Font 提供四種格式:woff、woff2、svg 和 otf,開放使用者免費下載!更重要的是這套圖示字型可運用於網頁上,透過樣式表、特定代碼方式載入圖示,就能在網頁快速展示各種台灣會出現的地標、國旗、景點、交通工具、文化、美食、特有種或是品牌等等,不過有個小問題是當前 Taiwan Icon Font 好像還沒有選擇一個明確的授權規範,我想不久之後就會改善這個問題。

Taiwan Icon Font
https://www.twicon.page/

使用教學

STEP 1

開啟 Taiwan Icon Font 網站,首頁會有相關背景介紹,還有這套圖示字型的特色,點選上方選單的「Icons」可以看到目前所有圖示,當這些生活中的景點、建築物、交通工具或美食被製作成圖片後真的有一種很神奇的感覺。

不過至少如果未來在開發應用程式、製作網頁或其他專案時要用到這些意象就可以從這一套 Taiwan Icon Font 找到現成的圖案。

STEP 2

點選「Get Started」就能找到 Taiwan Icon Font 下載鏈結,包括電腦上會用到的 otf 檔案、網頁會用到的 wofwof2 檔案,以及一般開發時會用到的 svg,點選下載按鈕就能一次取得這三個檔案。

STEP 3

如果要使用於網頁上,可能會需要透過 twicon.css 樣式表或類似方式載入,還好解壓縮後 Taiwan Icon Font 就直接給出一個範例 html,開啟後可以看到要如何使用特定的圖案(Mark up for web),不清楚的話參考這個範例的寫法就能在頁面顯示圖案。

STEP 4

有網友使用 Taiwan Icon Font 圖示製作線上小測驗遊戲,可以透過問答方式看看你對於台灣夠不夠熟悉,如果有興趣的話直接前往「TW Icon Game 台灣圖標字型遊戲」就能玩囉!(第一次只玩不到 10 分就結束了…),這個網站也開放原始碼至 GitHub。

值得一試的三個理由:

  1. 以台灣旅遊為發想,設計出一套專屬於台灣的免費圖示字型
  2. 提供 woff、woff2、svg 和 otf 四種常見格式下載
  3. 線上預覽並透過 css 樣式表在網頁載入特定圖案

 

相關的文章

IconArchive 超過 70 萬個免費圖示下載,提供 PNG、SVG 等常用格式

最早在 2007 年介紹過 Icon Archive 免費圖示下載網站,後來在 2011 年稍作更新,時至今日這個網站仍持續維護,目前已累積超過 70 萬圖示,一共兩千多個圖示集,使用者可以從 Icon Archive 獲得各種自己需要的圖案。如果沒有靈感,和一般網站一樣 Icon Archive 也有新加入、最熱門、最多人瀏覽的圖示圖案,或是利用搜尋輸入關鍵字也能找出相關圖示,看得出來 Icon Archive 網站仍保留著早期網站的設計樣式,但在操作上相當簡單易用。

Line Awesome 超過 4000 個免費線稿圖示,修改自知名 Font Awesome

如果說到最知名的免費圖示字型(Icons Font),我想大家一定聽過 Font Awesome,這套圖示最初發佈於 2012 年,現今則由 1,544 個圖案組成,主要分為免費、開放原始碼和付費 Pro 圖示兩大類型,在使用 Font Scripts 網站中佔有 20% 市佔率,可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示,除了直接從官方網站或 GitHub 下載整套圖示集,亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。

JetBrains Mono 更適合閱讀程式碼的等寬字型,內建四種字重斜體可商用

這幾年不少大公司都把字型開放出來讓需要的使用者可以自由下載使用,例如微軟專為新的終端機程式設計的 Cascadia Code,美國政府在 USWDS(U.S. Web Design System)設計的 Public Sans,IBM 公司自行開發的 IBM Plex 字型,或是由 Red Hat 贊助以 Highway Gothic 為靈感設計的 Overpass Font 等等,這些字型都有非常高的品質,針對特定功能或需求而生,更重要的是授權方式清楚,使用時也不用擔心侵權等問題。

IDAGIO 古典樂的 Spotify,免費方案提供 200 萬首古典音樂錄音線上收聽

如果你的日常生活脫離不了音樂,那麼生在這個年代很幸福,有不少音樂串流平台可以選擇,例如大家最熟悉的 Spotify、Apple Music 或是最近新推出的 YouTube Music,喜歡聽華語歌曲也有 KKBOX 可用,這些服務都能讓使用者以實惠的價格獲得相當好的音樂收聽體驗,更重要的是能夠真正支持音樂創作者,滿足大多數人在多個裝置上聽音樂的需求。

回應