font awesome 사용법

알면쉽다!

 

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />

<link	
	href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
	rel="stylesheet"
	integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
	crossorigin="anonymous">

<link rel="stylesheet" href="${pageContext.request.contextPath }/resources/navbarstyle.css?ver=210221fw232e7_w23qw423212">
<link rel="stylesheet" href="${pageContext.request.contextPath }/resources/layout.css?ver=wse2f323swe2">

3번째 줄 을 style 밑에 삽입.

그리고

<i class="far fa-comments"></i>

을 그냥 넣으면 아이콘 삽입!