이전
목록
다음
아

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

아직도초짜
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2015-03-08 (일) 14:44:51 · 12962 · 8

링크

http://fontawesome.io/ (913)
이미 잘 알고 게시지요.
혹시 나같은 초짜에게 필요할 것 같아서 감히 올립니다.

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>

홈 아이콘이 붙습니다.


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

댓글 8개

뿌뿌롱
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-03-10 (화) 14:49:26
만들기 보다는 사용하기 정도가 맞지 않을까요 !

추천드립니다.
쪼쪼탱
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-03-19 (목) 19:52:28
아이콘 추가하는방법은 없겠죠?ㅠㅠ 쓰고싶은 아이콘이 있는데 ㅠㅠ
탈환대
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-06-09 (화) 09:28:34
폰트어썸도 4.3버전까지 업데이트가 되었습니다. 계속 추가하고 있고, 딩벳폰트를 웹폰트로 활용하시면 똑같이 사용하실 수 있습니다.
복사골
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-15 (금) 16:33:32
감사합니다. 이런게 있었네요!!
정정현아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2018-02-08 (목) 11:51:12
좋은정보 감사합니다.
귿귿
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2019-09-02 (월) 18:07:05
몰랐던 정보 감사합니다!!
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
15-03-26 조회 1.4만
15-03-24 조회 3.7만
15-03-21 조회 1.8만
15-03-20 조회 1.6만
15-03-20 조회 2.4만
15-03-18 조회 9,442
15-03-13 조회 9,617
15-03-13 조회 8,685
15-03-12 조회 1.1만
15-03-12 조회 1만
15-03-08 조회 1.3만
15-03-08 조회 2.8만
15-03-04 조회 1.7만
15-02-27 조회 1.1만
15-02-24 조회 1.3만
15-02-18 조회 1.2만
15-02-17 조회 1.3만
15-02-14 조회 2.1만
15-02-14 조회 1.1만
15-02-12 조회 7,649
15-02-11 조회 1.1만
15-02-06 조회 1.1만
15-02-06 조회 1.9만
15-02-06 조회 1.1만
15-02-05 조회 1.3만
15-01-31 조회 1.4만
15-01-30 조회 1만
15-01-29 조회 9,119
15-01-28 조회 1.5만
15-01-27 조회 1.2만
글쓰기