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>
홈 아이콘이 붙습니다.
# 홈에 가 보시면 여러가지 아이콘과 사용법이 정리되어 있습니다.
혹시 나같은 초짜에게 필요할 것 같아서 감히 올립니다.
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개
10년 전
만들기 보다는 사용하기 정도가 맞지 않을까요 !
추천드립니다.
추천드립니다.
10년 전
감샤 감샤함다!
10년 전
감사합니다.
10년 전
아이콘 추가하는방법은 없겠죠?ㅠㅠ 쓰고싶은 아이콘이 있는데 ㅠㅠ
10년 전
폰트어썸도 4.3버전까지 업데이트가 되었습니다. 계속 추가하고 있고, 딩벳폰트를 웹폰트로 활용하시면 똑같이 사용하실 수 있습니다.
7년 전
감사합니다. 이런게 있었네요!!
7년 전
좋은정보 감사합니다.
6년 전
몰랐던 정보 감사합니다!!
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4400 | ||
| 2664 |
선택과집중
|
3개월 전 | 571 | |
| 2663 |
 GREENnBLUE |
3개월 전 | 618 | |
| 2662 |
GREENnBLUE |
4개월 전 | 574 | |
| 2661 |
선택과집중
|
4개월 전 | 508 | |
| 2660 | 4개월 전 | 587 | ||
| 2659 |
Modify
|
4개월 전 | 653 | |
| 2658 |
선택과집중
|
4개월 전 | 415 | |
| 2657 | 4개월 전 | 450 | ||
| 2656 |
 레이딩솔루션 |
4개월 전 | 964 | |
| 2655 |
선택과집중
|
4개월 전 | 548 | |
| 2654 | 4개월 전 | 402 | ||
| 2653 |
선택과집중
|
4개월 전 | 585 | |
| 2652 | 4개월 전 | 394 | ||
| 2651 | 4개월 전 | 446 | ||
| 2650 |
선택과집중
|
5개월 전 | 326 | |
| 2649 |
선택과집중
|
5개월 전 | 423 | |
| 2648 | 5개월 전 | 441 | ||
| 2647 |
welcome
|
5개월 전 | 545 | |
| 2646 |
디지털홍익인간
|
5개월 전 | 453 | |
| 2645 | 5개월 전 | 466 | ||
| 2644 |
선택과집중
|
5개월 전 | 512 | |
| 2643 | 5개월 전 | 455 | ||
| 2642 | 5개월 전 | 372 | ||
| 2641 | 5개월 전 | 358 | ||
| 2640 | 5개월 전 | 394 | ||
| 2639 | 5개월 전 | 1357 | ||
| 2638 |
 마르스컴퍼니 |
5개월 전 | 510 | |
| 2637 |
세르반데스
|
5개월 전 | 398 | |
| 2636 |
선택과집중
|
5개월 전 | 568 | |
| 2635 |
선택과집중
|
6개월 전 | 682 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기