IT & 블로그
폰트어썸 4.7 아이콘 사용하기
- 편리한 아이콘
1. Font Awesome > Start Free에서 이메일을 입력하고 Send Kit Code를 클릭한다.
2. 이메일을 열어 Font Awesome CDN embed code를 복사하고 <head>와 </head> 사이에 붙여넣는다.
<script src="https://use.fontawesome.com/키트코드.js"></script>
3. 폰트어썸 아이콘을 찾아 선택하고 태그를 복사한다.
4. 원하는 위치에 복사한 태그를 붙여 넣는다.
Example
<i class="fa fa-flag" aria-hidden="true"></i>
<i class="fa fa-picture-o" aria-hidden="true"></i>
3. 폰트어썸 아이콘을 찾아 선택하고 태그를 복사한다.
4. 원하는 위치에 복사한 태그를 붙여 넣는다.
Example
<i class="fa fa-flag" aria-hidden="true"></i>
<i class="fa fa-picture-o" aria-hidden="true"></i>
이제 아이콘이 표시된다.
배경색이 어두우면 흰색으로 표시된다.
댓글 쓰기
0 댓글