font Awesome 사용하기

font Awesome 사용하기

다양한 아이콘을 사용하게 될 때가 있다. 이때 유용한 사이트가 바로 font Awesome이다.  
 

주의할 점은, 간혹 아이콘이 작동하지 않을때가 있다. font Awesome의 HTML 태그는 아래 코드처럼 <i>로 시작한다.

<i class="fa-solid fa-heart"></i>

이때 버전을 호환하지 않으면 간혹 이탤릭체로 인식하고 아이콘이 나타나지 않는다.  

이것은 font Awesome의 버전이 호환되지 않아 생기는 문제로서, 아래 코드를 HTML에 입력해두면 해결된다.

<script src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>

• 저기서 v5.2.0부분을 해당 버전으로 고쳐 입력하면 된다. ¹

즉 호환되는 버전을 살펴보며 아이콘을 골라야지 무턱대고 골랐다가는 HTML에서 꼬이는 경우가 생길 수 있다.