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
'Web' 카테고리의 다른 글
| 한글문서(.hwp)를 html (웹문서)로 변경, 게시판에 넣기 (0) | 2017.05.30 |
|---|---|
| 일반 유니코드(Unicode)와 'UTF-8 유니코드'의 차이점 (0) | 2017.05.29 |
| HTML5에 대해서 알아보자! (0) | 2017.05.28 |
| [웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏 쓰자! (0) | 2017.05.28 |
| [CSS] 테두리 둥글게 만들기 Rounded Corners (0) | 2017.05.27 |