죽어도 안써지는 fontawesome 아이콘을 어쩌면 좋지?(폰트어썸)

폰트어썸에서 제공하는 아이콘을 쓰고 싶은데, 자꾸 빈 박스만 나온다.

왜????

 

1. 적절한 위치에 해당 파일을 넣어준다. (위치를 모르겠으면 2번을 참고하여 위치에 넣어주세요.)

font-awesome.min.css

0.03MB

2.해당 링크를 jsp 파일에 걸어준다.

<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/font-awesome.min.css" type="text/css">

 

 

3. 준비가 되었다. 이제 페이지에가서 원하는 아이콘이름을 복사한다. 

> 폰트어썸 페이지 

fontawesome.com/v4.7.0/icons/

Font Awesome Icons

>star을 찾아보았다.

저걸 복사해서 쓰면된다.

반드시 클래스 이름안에 fa로 시작해야 되더라. 그냥 fa-star로 쓰면 안됨.

 

4. 내가 사용한 코드. (여기선 user라는 아이콘을 사용했다.)

<div class="header__top__right__auth">
	<a href="./loginForm.me"><i class="fa fa-user"></i>LOGIN</a>
</div>