티스토리 뷰

Coding/CSS

Fontawesome

drexqqa 2018. 12. 18. 16:00


Fontawesome(폰트어썸)

가장 유명한 대표적인 아이콘폰트 제공 사이트 FontAwesome 바로가기



  • 설치법
    • CDN을 통해서 설치하는 방법
      • CDN설치는 특별히 아이콘을 커스터마이징 할 일이 없을 떄 사용
      • 웹사이트의 <head> 태그영역 안에 아래의 코드를 삽입합니다.

    • 아이콘 폰트를 다운로드받아서 설치하는 방법
      • 다운로드하여 약간의 커스터마이징을 하거나 오프라인상태에서도 사용하기 위해서는 아이콘 폰트를 다운로드 받아서 설치
      • 해당 URL에서 DOWNLOAD 버튼을 클릭합니다.
      • 팝업창에서 가장 아래에 있는 No thanks, just download Font Awesome 4를 클릭
      • 다운로드한 아이콘 폰트를 웹사이트의 적절한 위치에 저장
      • 웹사이트의 <head> 태그영역 안에 font-awesome.min.css 파일 위치를 아래와 같이 링크를 겁니다.

  • 사용방법
    • 사용방법은 CDN 설치를 사용했던, 다운로드 설치를 사용했던 동일한 방법으로 사용할 수 있습니다. 아이콘이 나타나기를 원하는 위치에 아래의 코드 처럼 삽입


'Coding > CSS' 카테고리의 다른 글

Border-Radius  (0) 2019.01.03
Box-Shadow  (0) 2019.01.03
paading 과 margin 속성에 대해  (0) 2018.12.06
이미지 타입 선택 기준에 대해  (0) 2018.12.06
CSS 선언 방법에 대해  (0) 2018.12.06
댓글
© 2018 eh2world