차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판
이전 판
tech:fontawesome [2015/02/16 00:12] V_Ltech:fontawesome [2016/07/12 09:26] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 +{{tag>fontawesome 웹디자인 도쿠위키 dokuwiki}}
 ====== 폰트어썸 (Fontawesome) ====== ====== 폰트어썸 (Fontawesome) ======
  
 아이콘을 텍스트화해서 크기와 색깔 변경이 쉬우며 이미지보다 용량이 작아서 여러모로 좋다. 아이콘을 텍스트화해서 크기와 색깔 변경이 쉬우며 이미지보다 용량이 작아서 여러모로 좋다.
-[[bootstrap]]에 [[glyphyicon]]이 포함되어 있긴 한데, 저작권 문제도 살짝 있고, 이게 더 나은 것 같다.+[[bootstrap]]에 [[glyphicons]]이 포함되어 있긴 한데, 저작권 문제도 살짝 있고, 이게 더 나은 것 같다.
 홈페이지에서 제공되는 아이콘이  많으니 확인해서 원하는 아이콘으로 변경할 수 있다. 홈페이지에서 제공되는 아이콘이  많으니 확인해서 원하는 아이콘으로 변경할 수 있다.
  
줄 26: 줄 27:
   <i class="fa fa-camera-retro"></i> fa-camera-retro   <i class="fa fa-camera-retro"></i> fa-camera-retro
  
-====도쿠위키==== 
  
-플러긴을 깔면 +<faicon fa fa-camera-retro>  
 + 
 +=====도쿠위키===== 
 + 
 +도쿠위키에서는 
 +사용하는 템플릿에서 지원한다면 (그냥 헤드부분에서 불러오는 명령 추가) 
 +[플러긴]( https://www.dokuwiki.org/plugin:fontawesome) 을 깔
  
   <faicon fa fa-phone>    <faicon fa fa-phone> 
-본문 중에서도 사용할 수 있다.  <faicon fa fa-phone>  
  
-{{tag>fontawesome 웹디자인}}+위와 같은 문법으로 도쿠위키 본문 중에서도 사용할 수 있다.  <faicon fa fa-phone <faicon fa fa-camera-retro>  
 + 
 +아아 유연한 도쿠위키...  
 + 
 + 
 + 
 +=====같이보기===== 
 +  * [[Glyphicons]]