HTML [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;"></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
사용방법 : 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;"></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
댓글목록
등록된 댓글이 없습니다.