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

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

· 10년 전 · 10004 · 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년 전
좋은정보 감사합니다.
몰랐던 정보 감사합니다!!

게시글 목록

번호 제목
2537
2536
2532
2526
2524
2522
2519
2507
2506
2505
2499
2484
2475
2474
2468
2467
2465
2461
2456
2454
2453
2448
2445
2444
2441
2435
2433
2431
2430
2424