Font Awesome 사용 메뉴얼

Font Awesome 은 웹에서 아이콘을 사용할때

가장 많이 쓰이는 라이브러리 중 하나이다.

유료 폰트도 있지만 무료로 사용할수 있는 폰트종류도 다양해서 널리쓰이고있다.

Font Awesome을 사용하는 방법으로 총 2가지가 있는데

간단하게 CDN을 통해 설치하는 방법과,

아이콘폰트를 다운로드받아서 사용하는 방법이다.

<설치방법>

CDN 설치

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

위 코드를 웹사이트 <head></head> 안에 적고 사용한다.

폰트 깨짐현상이 발생할시 버젼이 안맞아서 그런것일수 있으니 확인하자.

다운로드 설치

https://fontawesome.com/start

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

해당 URL에 들어가서 Download 클릭 후

웹폰트를 다운로드 해준다

다운로드파일의 압축을 풀고 css - all.min.css 파일, webfonts 파일 등을 웹사이트 적절한 위치에 저장하여 사용한다.

<link rel="stylesheet" href="css/all.min.css">

설치가 끝났다면, Font Awesome에서 원하는 icon을 검색하여 클릭하여 준뒤,

Using 버튼을 클릭하여

원하는 위치에 코드를 넣고 사용하면 된다.

ex) <i class="fas fa-sun"></i>