오픈위키
문서 편집

폰트어썸 (Fontawesome)

아이콘을 텍스트화해서 크기와 색깔 변경이 쉬우며 이미지보다 용량이 작아서 여러모로 좋다. 트위터 부트스트랩 (Twitter Bootstrap)Glyphicons이 포함되어 있긴 한데, 저작권 문제도 살짝 있고, 이게 더 나은 것 같다. 홈페이지에서 제공되는 아이콘이 많으니 확인해서 원하는 아이콘으로 변경할 수 있다.

홈피 http://fortawesome.github.io/Font-Awesome/

아이콘목록 http://fortawesome.github.io/Font-Awesome/icons/

사용법

HTML <head></head> 사이에

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

를 삽입한다.

이제 본문에서

<i class="fa fa-camera-retro"></i>

이런식으로 <i>태그를 이용해서 쓰면 됨..

[예제](http://fortawesome.github.io/Font-Awesome/examples) 참조.

<i class="fa fa-camera-retro"></i> fa-camera-retro

도쿠위키

도쿠위키에서는 사용하는 템플릿에서 지원한다면 (그냥 헤드부분에서 불러오는 명령 추가) [플러긴]( https://www.dokuwiki.org/plugin:fontawesome) 을 깔고

<faicon fa fa-phone> 

위와 같은 문법으로 도쿠위키 본문 중에서도 사용할 수 있다.

아아 유연한 도쿠위키…

같이보기

연결문서

CC Attribution-Noncommercial-Share Alike 4.0 International 별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Noncommercial-Share Alike 4.0 International
1.5 KB tech/fontawesome.txt · 마지막으로 수정됨 2016/07/12 09:26 (바깥 편집) SC Yoo V_L

0.020 seconds in processing this page on this powerful server.