2015年9月3日 星期四

CSS分享,分享一個超好用的字型CSS-Font-Awesome,讓你各種icon無煩惱。

我們做網頁時,常常會遇到需要各式各樣icon的問題,如果我們還要抓圖片,然後再置入,如果我們今天有個icon庫,那就會非常不一樣了,用CSS,要拿就拿,超方便。而這個好用的CSS就是Font-Awesome,讓你的網站,和別人不一樣。



這是Font-Awesome的網址,http://fortawesome.github.io/Font-Awesome/

有用Html的通常都知道,
加入CSS的語法就那幾個,

第一個:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
直接在網頁上加上網抓CSS。

第二個:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
放入CSS檔在你的資料夾裡。

放入後,看你要哪個icon,
然後依你icon的代號,
加入以下程式碼:

<i class="fa fa-phone"></i>

就只要更改紅字部分(icon代號),就可以啦。