Font Awesome를 사용하여 css 아이콘만들기 > 그누보드5 팁자료실

그누보드5 팁자료실

Font Awesome를 사용하여 css 아이콘만들기 정보

Font Awesome를 사용하여 css 아이콘만들기

본문

이미 잘 알고 게시지요.
혹시 나같은 초짜에게 필요할 것 같아서 감히 올립니다.

Font Awesome은 텍스트 방식으로 아이콘을 만들 수 있게 해주는 솔루션입니다.
Font Awesome 아이콘 전용 폰트 파일을 이용하여 아이콘을 출력하는 방식입니다.
따라서 초보자는 쉽게 구현할 수 없는 아이콘도 Font Awesome만 이용하면 매우 간단하게 아이콘을 만들 수 있습니다.
CSS만 이용하여 아이콘을 만들 수 있기 때문에 속도도 빠르고, 모든 웹브라우저에 호환됩니다

--사용법--

head_sub.php 에 아래를 삽입하시고.

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />

게시판 등 적당한 곳에.

<i class="fa fa-home"></i>

홈 아이콘이 붙습니다.


# 홈에 가 보시면 여러가지 아이콘과 사용법이 정리되어 있습니다.
추천
3

댓글 8개

폰트어썸도 4.3버전까지 업데이트가 되었습니다. 계속 추가하고 있고, 딩벳폰트를 웹폰트로 활용하시면 똑같이 사용하실 수 있습니다.
전체 2,435 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT