6.9.2 아이콘 폰트 적용하기

아이콘 폰트는 다양한 아이콘을 웹 폰트를 사용하는 것처럼 간단하고 쉽게 사용하는 기술입니다. 다양한 아이콘을 이미지 파일(jpeg, png)이 아니라 CSS를 적용하는 방식으로 간단하게 사용할 수 있어서 실무에서 대단히 활용도가 높습니다.

대표적인 아이콘 폰트로는 Font Awesome과 Material Icon이 있는데, 이 책에서는 Font Awesome을 사용합니다. Font Awesome을 적용하는 방법은 두 가지입니다. Font Awesome 사이트에서 아이콘 폰트 라이브러리를 내려받아 추가하는 방법과 CDN(Content Delivery Network)을 사용해 서버에 올려진 파일을 참조하는 방법입니다.

여기서는 CDN 방법으로 진행하고, CDNJS에서 제공하는 파일을 참조하겠습니다. 해당 사이트에서 제공하는 Font Awesome 라이브러리 주소는 https://cdnjs.com/libraries/font-awesome입니다.

그림 6-89 CDNJS에서 제공하는 Font Awesome 라이브러리