css 아이콘 fontawesome 5.5 적용 방법
현재 그누보드5에 첨부된 font-awesome은 4.7버전입니다.
4.7에는 없고 5.5에는 있는 아이콘들을 사용하기 위해 5.5로 적용시켰습니다.
적용방법은 아래 링크를 참고하시면 됩니다.
https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
다 영어죠? 간단히 적용방법을 설명드리자면 아래와 같습니다.
일단 Font Awesome Free for teh Web 다운로드
예를들어 기존처럼 js파일안에 다운로드 받은 fontawesome파일을 넣었다면

저는 기존 파일 이름이 font-awesome이어서
다운로드 파일 "fontawesome-free-5.5.0-web"을 font-awesome2로 변경했습니다.
head.sub.php파일에 코딩.
<link rel="stylesheet" href="<?php echo G5_JS_URL ?>/font-awesome2/css/all.min.css">

-참고-
기존 4.7적용방식을 보고 fontawesome.min.css파일을 링크시키면 될 줄 알았는데 안되더라구요.
그래서 문서 찾아봤더니 all.css파일을 링크시키라고 하더라구요. 그랬더니 잘 되더라구요.
참고로 일부 그누보드에서 사용중인 아이콘들이 안보일 수 있습니다.
일단 제가 찾은 아이콘입니다.
.fa-trash-o:before {
content: "\f2ed";
}
.fa-arrows:before {
content: "\f0b2";
}
.fa-star-o:before {
content: "\f005";
}
.fa-pencil:before {
content: "\f303";
}
.fa-copy:before, .fa-files-o:before {
content: "\f0c5";
}
.fa-commenting-o:before {
content: "\f27a";
}
all.css 파일에(all.min.css로 하셨다면 all.min.css에) 추가하시면 오류뜨던 아이콘들도 보일거에요.
(게시판쪽입니다.)
댓글 3개
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 2694 | 2개월 전 | 188 | ||
| 2693 | 2개월 전 | 148 | ||
| 2692 | 2개월 전 | 158 | ||
| 2691 | 2개월 전 | 175 | ||
| 2690 | 2개월 전 | 326 | ||
| 2689 | 2개월 전 | 235 | ||
| 2688 |
|
2개월 전 | 441 | |
| 2687 | 2개월 전 | 292 | ||
| 2686 |
선택과집중
|
2개월 전 | 331 | |
| 2685 | 2개월 전 | 291 | ||
| 2684 | 2개월 전 | 348 | ||
| 2683 | 2개월 전 | 482 | ||
| 2682 | 2개월 전 | 278 | ||
| 2681 | 2개월 전 | 303 | ||
| 2680 |
선택과집중
|
3개월 전 | 278 | |
| 2679 | 3개월 전 | 331 | ||
| 2678 |
|
3개월 전 | 429 | |
| 2677 |
|
3개월 전 | 502 | |
| 2676 | 3개월 전 | 326 | ||
| 2675 | 3개월 전 | 305 | ||
| 2674 |
선택과집중
|
3개월 전 | 481 | |
| 2673 |
|
3개월 전 | 322 | |
| 2672 | 3개월 전 | 335 | ||
| 2671 | 3개월 전 | 284 | ||
| 2670 | 3개월 전 | 260 | ||
| 2669 | 3개월 전 | 374 | ||
| 2668 | 3개월 전 | 289 | ||
| 2667 |
선택과집중
|
3개월 전 | 484 | |
| 2666 |
선택과집중
|
3개월 전 | 471 | |
| 2665 |
선택과집중
|
3개월 전 | 408 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기