Skip to content

웹폰트를 이용하여 이미지 아이콘 만들기 #
Find similar titles

Structured data

Category
Etc

웹폰트를 이용해서 이미지 아이콘 만들기 #

Fontawesome #

Image *출처 : https://docs.google.com/a/insilicogen.com/uc?id=0B8pIiup1jKPeRWUyeVE0UEF2cmc&export=download

기타 <https://icomoon.io/>

Icons #

Image *출처 : https://docs.google.com/a/insilicogen.com/uc?id=0B8pIiup1jKPeX1dfUHlFSzhvcWc&export=download

Examples #

Image *출처 : 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 -->
0.0.1_20210630_7_v33