Fontawesome : 웹페이지 만들 때 아이콘 쉽게 넣기

웹페이지를 만들 때면 화면에 아이콘을 넣어야 할 때가 종종 있다.

폰트어썸 아이콘

요런 아이콘들 말이다.

 

그럴 때마다 이미지를 넣고 불러와서 표현하고, 사실 여간 귀찮은 일이 아닐 수 없다.

그럴 때 도움이 되는 기능이 있다.

 

 

https://fontawesome.com/

폰트어썸이라는 사이트는 아이콘을 코드안에서 불러와서 넣을 수 있게 해주는 라이브러리형 툴이다.

 

개인에게 할당된 코드를 head영역에 아래와 같이 붙여넣기만 하면 사용 준비는 끝난다.

 

 

 

 

 

Back이라는 아이콘을 찾으려고 검색어를 넣으면 아이콘들이 나타난다.

검은 아이콘은 Free 아이콘이고 나머진 유료 아이콘이다. 난 프리 사용자이므로 검은 색만 사용 가능하다.

 

아이콘을 클릭해보면 아래와 같이 아이콘의 상세 모습이 표시되고 상단에 (빨간 표시) 코드가 표시 되는데 해당 코드를 넣으면 아이콘이 나타난다.

 

이걸 이런식으로 붙여넣으면 된다.

 

짜잔 화면에 표시된다.