테스트 사이트 - 개발 중인 베타 버전입니다

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

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

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개

만들기 보다는 사용하기 정도가 맞지 않을까요 !

추천드립니다.
감샤 감샤함다!
감사합니다.
아이콘 추가하는방법은 없겠죠?ㅠㅠ 쓰고싶은 아이콘이 있는데 ㅠㅠ
폰트어썸도 4.3버전까지 업데이트가 되었습니다. 계속 추가하고 있고, 딩벳폰트를 웹폰트로 활용하시면 똑같이 사용하실 수 있습니다.
감사합니다. 이런게 있었네요!!
7년 전
좋은정보 감사합니다.
몰랐던 정보 감사합니다!!

게시글 목록

번호 제목
2108
2103
2102
2099
2093
2092
2087
2079
2076
2062
2061
2060
2057
2056
2046
2036
2029
2024
2015
2014
2001
1999
1995
1987
1981
1971
1967
1954
1945
1939