폰트 아이콘을 모아놓은 폰트 어썸(Font awesome) 을 사용하면 다양한 아이콘들을 사용하실 수 있습니다.
기본 아이콘은 200개인데 폰트 어썸을 사용하면 훨씬 더 많은 500개 정도의 아이콘을 사용할 수 있고 계속 지속적으로 추가되고 있습니다.
폰트 어썸을 사용하려면 아래 소스를 <head>~</head> 사이에 넣어주셔야 하구요.
<link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css“>
직접 설치하거나 다운로드를 받고 싶다면 아래 링크를 클릭하시면 됩니다.
http://fortawesome.github.io/Font-Awesome/
이 폰트 아이콘을 유료로 파는 곳도 있네요. 참고하세요~
사용법은 <i> 태그를 사용하는 방법과 <span> 태그에 유니코드를 넣어서 사용하는 두 가지 방법이 있는데요.
어떤 걸 사용하셔도 무방합니다.
<i class=”fa fa-arrows-v“></i>
<span style=”font-family: FontAwesome;font-size: 40px;”></span>
<span style=”font-family: FontAwesome;font-size: 40px;”></span>
폰트 어썸의 class나 유니코드를 알려면 아래 링크를 클릭하셔서 원하는 아이콘을 클릭하시면 사용할 수 있는 유니코드와 태그가 나옵니다.
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
| [bootstrap] 부트스트랩 – 버튼을 그룹(Button group)으로 묶어 사용하기 (0) | 2016.01.31 |
|---|---|
| [bootstrap] 부트스트랩 – 폰트 아이콘(Glyphicons)을 버튼에 사용하기 (0) | 2016.01.31 |
| [bootstrap] 부트스트랩 – 폰트 아이콘(Graphicons) 사용하기 (1) | 2016.01.31 |
| [bootstrap] 부트스트랩 – 반응형 선택자 (0) | 2016.01.31 |
| [bootstrap] 부트스트랩 – 이미지 대체 (0) | 2016.01.31 |
댓글