[CSS] Font-Awesome 사용하기

보통 홈페이지 제작시 Icon을 많이 사용하는데 아이콘의 경우는 이미지를 사용할 수 있지만 단점으로는 이미지의 경우는 나중에 크기나 색을 수정시에 재작업을 해야한다는 불편함이 있습니다.

그래서 그러한 문제를 해결하기위해서 font-icon을 사용하는데 대표적인것으로 Font-Awesome이 있습니다. http://fontawesome.io/ 사이트에 접속하면 get-started에 사용방법이 나와 있는데

CDN을 이용해서 사용하면 됩니다. 

예제 및 사용법

CDN을 head사이에 넣어서 사용하시면 됩니다. 

방법은 폰트어썸 홈페이지에서 아이콘을 누르시면 아이콘들이 나오는데 i태그로 되어 있습니다. <i class="fa fa-quora" aria-hidden="true"></i> 이렇게 되어있는데 이 부분을 복사해서 홈페이지에 넣고 싶은 부분에

넣으시면 됩니다. css 수정의 경우는 폰트를 사용하실때와 똑같이 사용하시면 됩니다.