[bootstrap] 부트스트랩 – 폰트 아이콘을 모아놓은 폰트어썸(Font awesome) 사용하기 > 기술자료

• 목록

FONT AWESOME - FREE ICONIC WEB FONT
사용방법 : http://fortawesome.github.io/Font-Awesome/examples/

After you get up and running, you can place Font Awesome icons just about anywhere with the <i> tag. Some examples appreciatively re-used from the Bootstrap documentation.

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 

<i class=”fa fa-arrows-v“></i>
<span style="font-family: FontAwesome;font-size: 40px;">&#xf015;</span>


폰트 어썸의 class나 유니코드를 알려면 아래 링크를 클릭하셔서 원하는 아이콘을 클릭하시면 사용할 수 있는 유니코드와 태그가 나옵니다.
http://fortawesome.github.io/Font-Awesome/icons/


그외 유용한 icon 폰트자료
http://functionn.blogspot.kr/2012/11/the-best-free-iconic-web-fonts.html#.Vkn9rPnhC70 


참고자료
http://zzznara2.tistory.com/543