웹폰트를 이용하여 이미지 아이콘 만들기
#
Find similar titles
- (rev. 6)
- SeungjuLee
Structured data
- Category
- Etc
Table of Contents
웹폰트를 이용해서 이미지 아이콘 만들기 #
Fontawesome #
*출처 : https://docs.google.com/a/insilicogen.com/uc?id=0B8pIiup1jKPeRWUyeVE0UEF2cmc&export=download
기타 <https://icomoon.io/>
Icons #
*출처 : https://docs.google.com/a/insilicogen.com/uc?id=0B8pIiup1jKPeX1dfUHlFSzhvcWc&export=download
Examples #
*출처 : https://docs.google.com/a/insilicogen.com/uc?id=0B8pIiup1jKPeX3FGcHdRS0lVdHM&export=download
적용방법 #
1. 소스를 다운받은 후 css폴더, fonts폴더를 사용할 홈페이지에 업로드
font-awesome/css/
font-awesome/fonts/
2. <head></head> 사이에 css 불러오기
<link href="path/font-awesome/css/font-awesome-min.css" rel="stylesheet">
3. html 테그 사용예
<i class="fa fa-camera-retro"></i>
<i class="fa fa-camera-retro fa-lg"></i>
<!-- 아이콘이미지크기조절:기본, fa-lg, fa-2x, fa-3x, fa-4x, fa-5x -->