Taiwan Icon Font 屬於台灣的免費圖示,收錄台北101
文章推薦指數: 80 %
Taiwan Icon Font 是一套屬於台灣在地的免費圖示字型,由一位在台南生活的日本設計師holoko 和住在台灣的英國程式設計師Rob 共同開發。
第一個版本是以「台灣旅遊」做為 ...
跳至主要內容
FacebookTwitterPinterestLineShare
愛台灣可以有很多表現方式,例如拍照上傳社群網站讓世界看到台灣的美,走訪各鄉鎮看看台灣大街小巷,雖然大家都很熱衷出國自助旅遊,但其實台灣也有不少很美麗、很有特色的地方,可惜假日出去總是人擠人,不在台灣還是會想念台灣美食。
對於亞洲鄰近國家觀光客來說,他們也非常喜歡台灣,不少日本人很愛到台灣旅遊,都能拍出讓我覺得很不像台灣的相片。
接下來要介紹的「TaiwanIconFont」很有趣,這是一套屬於台灣在地的免費圖示字型,由一位在台南生活的日本設計師holoko和住在台灣的英國程式設計師Rob共同開發。
第一個版本是以「台灣旅遊」做為發想而創作出很多台灣旅遊景點,其中也包括不少台灣在地文化、交通運輸、美食或品牌等等,像是台北101、中正紀念堂、珍珠奶茶、台灣啤酒、捷運或茄芷袋(我也是寫這篇文章才知道這個東西的名字…)。
TaiwanIconFont提供四種格式:woff、woff2、svg和otf,開放使用者免費下載!更重要的是這套圖示字型可運用於網頁上,透過樣式表、特定代碼方式載入圖示,就能在網頁快速展示各種台灣會出現的地標、國旗、景點、交通工具、文化、美食、特有種或是品牌等等,不過有個小問題是當前TaiwanIconFont好像還沒有選擇一個明確的授權規範,我想不久之後就會改善這個問題。
TaiwanIconFont
https://www.twicon.page/
使用教學
STEP1
開啟TaiwanIconFont網站,首頁會有相關背景介紹,還有這套圖示字型的特色,點選上方選單的「Icons」可以看到目前所有圖示,當這些生活中的景點、建築物、交通工具或美食被製作成圖片後真的有一種很神奇的感覺。
不過至少如果未來在開發應用程式、製作網頁或其他專案時要用到這些意象就可以從這一套TaiwanIconFont找到現成的圖案。
STEP2
點選「GetStarted」就能找到TaiwanIconFont下載鏈結,包括電腦上會用到的otf檔案、網頁會用到的wof和wof2檔案,以及一般開發時會用到的svg,點選下載按鈕就能一次取得這三個檔案。
STEP3
如果要使用於網頁上,可能會需要透過twicon.css樣式表或類似方式載入,還好解壓縮後TaiwanIconFont就直接給出一個範例html,開啟後可以看到要如何使用特定的圖案(Markupforweb),不清楚的話參考這個範例的寫法就能在頁面顯示圖案。
STEP4
有網友使用TaiwanIconFont圖示製作線上小測驗遊戲,可以透過問答方式看看你對於台灣夠不夠熟悉,如果有興趣的話直接前往「TWIconGame台灣圖標字型遊戲」就能玩囉!(第一次只玩不到10分就結束了…),這個網站也開放原始碼至GitHub。
值得一試的三個理由:
以台灣旅遊為發想,設計出一套專屬於台灣的免費圖示字型
提供woff、woff2、svg和otf四種常見格式下載
線上預覽並透過css樣式表在網頁載入特定圖案
相關文章
LineAwesome超過4000個免費線稿圖示,修改自知名FontAwesome
FluentIcons免費下載965個漂亮專業的流暢設計風格圖示
iconmonstr超過4000個免費圖示SVG、EPS、PSD和PNG格式下載
Icons8推出Animatedicons2.0動畫圖示集,數百種動態效果可商用
使用電子郵件訂閱網站
輸入你的電子郵件地址訂閱網站更新,使用電子郵件接收通知。
電子郵件地址
訂閱更新
追蹤更新
站內搜尋搜尋
文章分類文章分類
選取分類
10MB-50MB
1GB以上
200MB-500MB
500MB-1GB
50MB-200MB
Alexa
PageRank
個人服務
個人網誌
光碟工具
免費DNS
免費圖片
免費圖示
免費程式(PHP)
免費空間
免費論壇
免費贈品
免費軟體
可攜軟體
商業軟體
圖片工具
圖片空間
圖片編輯
圖示製作
好康資訊
好玩遊戲
字型下載
實用教學
工具類
影音工具
影音空間
微型網誌
手機APP
手機相關
投票服務
折價券區
搜尋引擎
搜尋引擎最佳化
搜尋引擎登錄
教育類
文書處理
新聞資訊類
星座算命
書籤整合
架站資源
查詢資料
桌布下載
檔案管理
流量統計
熱門主題
生活類
產生器類
留言板類
系統工具
素材模版
網站公告
網站模板
網站監測
網站空間
網站線上人數
網站縮圖
網站評鑑
網站轉址
網站配色
網誌物件
網路書籤
網路相簿
網路相關
網路科技
網路賺錢
網路遊戲
網頁素材
線上代理
線上動漫
線上問卷
線上地圖
線上字典
線上工具
線上廣播
線上掃毒
線上翻譯
線上轉檔
編輯推薦
縮短網址
贊助評論
趣味網站
遊戲類
開源程式
防毒軟體
雜七雜八
電子信箱
電子賀卡
音樂空間
音樂音效
預設分類
最新文章YayImages圖庫限時免費活動,註冊永久存取200萬張相片素材
VocalRemover線上去除人聲工具,將歌曲中的聲音和音樂分離出來
TransferEasy印度免費空間支援單檔最大10GB、單次10000個檔案
Pixelied線上批次圖片轉檔,支援各種常用格式
jpgRM使用AI魔術橡皮擦將照片不需要的部分擦除
AC-chan免費音樂產生器,輸入主題自動創作簡短背景音樂
Jotti免費惡意程式掃描工具,整合14種防毒引擎可偵測單檔最大250MB
Maildax兼具安全、匿名暫時信箱,產生密鑰可重複存取相同郵件地址
薄荷圖床:免費圖片轉網址服務,中國模式可將圖片上傳香港伺服器
UTM免費Mac虛擬機器應用程式,可在M1CPU安裝Windows11
精選主題
行政院1922簡訊實聯制掃碼發送簡訊登記,店家註冊QRCode教學思源黑體:Adobe與Google合作開發開放原始碼中文字型思源宋體NotoSerifCJK字型免費下載!Google、Adobe再次攜手推出開放原始碼字體Mipony白馬下載器:網路下載必裝!支援數百免空可突破下載限制Spotify免費聆聽4000萬首歌,音樂串流應用iOS、Android版下載日本亞馬遜AmazonGlobal線上購物直送台灣,免消費稅免找代購中華郵政i郵箱初體驗,24小時自助郵局寄件取件超方便YouTubeMusic免費音樂串流服務正式登場,升級Premium零廣告體驗MicrosoftEdge正式版免費下載!以Chromium重新打造微軟瀏覽器Photopea免費圖片編輯器,堪稱Photoshop線上版支援PSD等常見格式財政部統一發票兌獎APP掃描發票存手機,自動記帳主動對獎超方便使用健保卡+戶號線上查詢勞保勞退年資、應繳欠繳保費和退休金核發試算YouTubeKids兒童專用影音頻道,手機平板應用程式免費下載Disney+台灣影音串流平台訂閱付款教學,最多可四螢幕同時觀看以Outline搭配DigitalOcean架設VPN伺服器教學,每月最低5美元起
實用教學
15個免費下載高解析度圖片最佳圖庫下載高畫質相片素材的13個免費圖庫資源精選12個你應該知道的中英文假字、文章產生器20個免費下載創用CC授權音樂的網站彙整40個設計師必備免費資源超推懶人包Facebook全新下載資料副本功能,一次備份所有臉書記錄匯出Instagram資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄7個線上接收手機簡訊驗證碼的免費網路服務整理PayPal兩步驟驗證設定教學,以手機簡訊或應用程式降低被盜用風險如何在瀏覽器不支援AdobeFlashPlayer後繼續播放SWF檔案?7-11賣貨便操作教學,整合多種付款方式、固定運費優惠全家好賣+使用教學,賣場註冊、商品上架、手續費和運費優惠說明8個匿名偷看IG限時動態不留下觀看紀錄的網路服務整理
WordPress架站資源
自架WordPress虛擬主機租用教學,將網誌備份匯出、匯入到新家殺手級WordPress體檢項目:101個建立新網站的超簡易捷徑!Cloudflare架站者必備免費CDN、DNS託管服務設定教學16個免費網站速度測試工具推薦!網頁效能評比,搜尋引擎最佳化必備亞馬遜VPS服務AmazonLightsail搭配ServerPilot快速架設WordPress教學使用GoogleCloudPlatform雲端主機免費版架設WordPress教學使用Cloudways架設WordPress網站教學,快速部屬最佳化環境RunCloud佈署最佳化主機環境,整合DigitalOcean架設WordPress教學使用SiteGround虛擬主機一鍵快速安裝WordPress教學FastComet評價極高的虛擬主機推薦,一鍵安裝WordPress教學VaultPress完整備份你的WordPress網站,無痛搬家或回復特定時間點WPRocket最強WordPress快取外掛,完整最佳化設定選項教學不續費虛擬主機?WordPress.com對應個人網域每年13美元搬家超划算
Close免費軟體
APP
Mac
瀏覽器外掛
系統工具
圖片處理
文書編輯
線上工具
線上翻譯
線上轉檔
配色工具
縮網址
產生器
免費空間
網路硬碟
圖片空間
影片空間
網站空間
熱門主題
Facebook
Instagram
VPN
YouTube
編輯推薦
免費圖庫
字型下載
網路科技
電子信箱
實用教學
資料查詢
免費圖示
音樂音效
架站資源
DNS
WordPress
SEO
素材模版
免費圖片
網站監測
站內搜尋搜尋
×
分享到...BufferCopyEmailFacebookFlipboardHackerNewsLineLinkedInMessengerMixPinterestPocketPrintRedditSMSTelegramTumblrTwitterVKWhatsAppXingYummly
延伸文章資訊
- 1專屬台灣圖標字型「Taiwan Icon Font」!日本、英國雙設計師 ...
專屬台灣圖標字型「Taiwan Icon Font」!日本、英國雙設計師打造100個象徵台灣的美好圖示 · 台中「竹書屋」呈現竹材的不同可能!莊哲湧將房屋銷售中心打造為質感快閃書店.
- 2將100個專屬台灣圖示字型加入Word、Excel、PowerPoint
Free icons of Taiwan這100個台灣圖示字型可以加入在Word、Excel、PowerPoint...等軟體中,將文字模式改成「Taiwan icon 20」就可能在檔案中顯示...
- 3免費字型Taiwan Icon Font 雙設計師打造台灣專屬圖示
「Taiwan Icon Font」是一套屬於台灣在地的免費圖示字型,由一位在台南生活的日本設計師holoko 和住在台灣的英國程式設計師Rob 共同開發。
- 4100組純台灣元素Icon Fonts圖標字體免費下載:珍奶、藍白拖
討喜小姐發佈100組純台灣元素Icon Fonts圖標字體免費下載:珍奶、藍白拖、大同電鍋、YouBike,留言9篇於2020-01-18 03:36:在台南的日本設計師Holoko ...
- 5免費下載100 種台灣icon — BFA 簡報
從屏東鵝鑾鼻燈塔、藍白拖、大同電鍋等,共100個代表台灣在地風情的圖標,都在「Taiwan Icon Font」