[UX] Font Awesome

砌UI 時, 總須要一堆圖示令系統變得更容易被理解. 但Google 到好圖時, 不是要課金, 就是要bitmap為主. 而它不能隨著screen resolution 而改變. 這令UI design 上產生問題. 

Font Awesome 就是一套以字型為主的icon toolkit, 而它亦是Bootstrap 的衍生品. 使用時, 亦與Bootstrap 相類似:

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

出來的結果:

2016-11-22-16_04_35-font-awesome-examples

Reference

FontAwesome, 2012

About C.H. Ling 260 Articles
a .net / Java developer from Hong Kong and currently located in United Kingdom. Thanks for Google because it solve many technical problems so I build this blog as return. Besides coding and trying advance technology, hiking and traveling is other favorite to me, so I will write down something what I see and what I feel during it. Happy reading!!!

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.