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

폰트어우썸 한방에 쓰기

· 7년 전 · 2322 · 15

Font-awesome 소환, 불러오기, 모든 에러 고치기

 

<link rel='stylesheet' id='font-awesome-css' href='<?php echo G5_URL ?>/fonts/font-awesome.css' type='text/css' media='all' />

<link rel='stylesheet' id='font-awesome-css' href='<?php echo G5_URL ?>/fonts/fontawesome-webfont.woff2' type='text/css' media='all' />

<link rel='stylesheet' id='font-awesome-css' href='<?php echo G5_URL ?>/fonts/materialicons-regular.ttf' type='text/css' media='all' />

<link rel='stylesheet' id='font-awesome-css' href='<?php echo G5_URL ?>/fonts/materialicons-regular.woff' type='text/css' media='all' />

<link rel='stylesheet' id='font-awesome-css' href='<?php echo G5_URL ?>/fonts/materialicons-regular.woff2' type='text/css' media='all' />



이용방법: 
위 파일을 다운 받아서 폰인 프로젝트 상단 fonts 폴더에 풀어 넣고 위 링크를 헤더에 넣는다.
그리고 본문에서 아래 폰트어우썸 아이콘 넣으면 됨.

색 넣기: <i class='fa fa-assistive-listening-systems fa-1x' style="color:yellow;"></i>

아미나, 폰트어우썸 아이콘
Amina font-awesome icons 모음 

http://www.kelasabil.com/galleria/font-awesome-all-icons-cheatsheet

 

----------------------------

이런식으로 편하게 사용하는건 어떨까요?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 15개

@옴바
더 좋은 방법이 있으면 알려주세요. 제가 잘 몰라서 그래요.
inline css 는 아주 보기 안좋죠 어차피 아이콘 나오게 할려면 그 바깥쪽에 있는 요소에
.box ul li i {
color:#edf018;} 이런씩으로 해야되요
@옴바
조언 감사합니다. 애기 이쁘네요 ^^*
인라인으로 스타일 넣느니 이왕 있는 class 에다가 fa-color-yellow 라는 클래스를 넣고 style.css파일에서 제어하는게 더 나을거 같은데요.
@l2zeo 맞아요 ㅎㅎ

게시글 목록

번호 제목
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495
1717479
1717473
1717470
1717463
1717452