차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판이전 판다음 판 | 이전 판 | ||
tech:fontawesome [2014/12/31 23:20] – SC Yoo | tech:fontawesome [2016/07/12 09:26] (현재) – 바깥 편집 127.0.0.1 | ||
---|---|---|---|
줄 1: | 줄 1: | ||
- | ====== Fontawesome ====== | + | {{tag> |
+ | ====== | ||
- | 홈피 | + | 아이콘을 텍스트화해서 크기와 색깔 변경이 쉬우며 이미지보다 용량이 작아서 여러모로 좋다. |
+ | [[bootstrap]]에 [[glyphicons]]이 포함되어 있긴 한데, 저작권 문제도 살짝 있고, 이게 더 나은 것 같다. | ||
+ | 홈페이지에서 제공되는 아이콘이 | ||
+ | |||
+ | 홈피 | ||
http:// | http:// | ||
아이콘목록 | 아이콘목록 | ||
http:// | http:// | ||
+ | |||
+ | =====사용법===== | ||
+ | |||
+ | HTML ''< | ||
+ | |||
+ | <link rel=" | ||
+ | 를 삽입한다. | ||
+ | |||
+ | 이제 본문에서 | ||
+ | <i class=" | ||
+ | 이런식으로 ''< | ||
+ | |||
+ | [예제](http:// | ||
+ | |||
+ | <i class=" | ||
+ | |||
+ | |||
+ | <faicon fa fa-camera-retro> | ||
+ | |||
+ | =====도쿠위키===== | ||
+ | |||
+ | 도쿠위키에서는 | ||
+ | 사용하는 템플릿에서 지원한다면 (그냥 헤드부분에서 불러오는 명령 추가) | ||
+ | [플러긴]( https:// | ||
+ | |||
+ | <faicon fa fa-phone> | ||
+ | |||
+ | 위와 같은 문법으로 도쿠위키 본문 중에서도 사용할 수 있다. | ||
+ | |||
+ | 아아 유연한 도쿠위키... | ||
+ | |||
- | {{tag> | + | =====같이보기===== |
+ | * [[Glyphicons]] |