웹사이트를 제작하거나 일러스트를 사용할 때 좋은 아이콘 툴킷입니다. 폰트어썸과 비슷한 거라고 보시면 되는데, 국내에서 네이버가 라이센스를 가지고 있으며, 몇 사람들이 모여서 만든 아이콘입니다. 예전부터 자주 써왔던 아이콘이기도 하고 두 가지 버전이 있는데 2.3.3 버전의 경우에는 굉장히 트렌드하고 미려한 디자인이 강점입니다. 해외 아이콘에 꿀리지 않을 정도로 디자인적으로도 매우 우수하여, 웹사이트를 제작할 때 CDN 또는 Import 방식으로 구현하기에도 매우 쉽습니다.
자세한 내용은 공식사이트에서 쉽게 확인이 가능합니다. 사용방법도 친절하게 안내가 되어있으며, 최적화도 잘 되어 있고 사용하는 데에 완전 무료인 OFL 라이선스를 따르는 오픈소스입니다. 영리적이용이 가능하기에 상업적인 페이지를 제작할 때에도 부담없이 사용할 수 있다는 장점이 있습니다.
사용방법은 매우 간단합니다.
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
<link ="stylesheet" type="text/css" href="path/to/xeicon/xeicon.min.css">
위의 두 가지 방식으로 지원하며, 아래의 방식은 상대주소 또는 절대주소를 넣고 CSS파일을 불러옵니다. 해당파일은 공식사이트에서 다운로드가 가능하며, 별도의 파일을 첨부합니다. 그래도 언제 아이콘이 업데이트 되어 있을지 모르니, 이왕이면 공식사이트에서 다운로드 받는 것을 권장합니다.
<i class="xi-xpressengine"></i>
일반적으로 아이콘을 사용할 때는 위의 방식으로 구현합니다. 폰트어썸과 같은 원리입니다.
굉장히 직관적이고 아름다운 아이콘 폰트를 쉽게 사용할 수 있습니다. 일러스트에서 사용할 경우에는 폰트파일을 설치하여, 윈도우 → 문자 → 글리프에서 아이콘을 직접 선택해서 사용할 수 있습니다. 색깔을 변경하기에도 용이하고 일반 텍스트와 사용하기에도 매우 수월하여, 빠른 작업을 요구할 때, 아이콘 폰트로 작업시간을 획기적으로 줄일 수 있습니다.
'Style > Font' 카테고리의 다른 글
[영문폰트] Lato 다운로드(Google Fonts) 구글폰트 오픈소스 라이센스 (0) | 2019.11.06 |
---|---|
Afterglow 우아하고 아름다운 영문폰트 (0) | 2019.11.06 |
구글 본고딕(Noto Sans CJK) 적용 및 경량화버전 다운로드 (0) | 2019.11.01 |
한자 중국어 폰트 글꼴 다운로드(汉仪新蒂唐朝体) (0) | 2019.10.31 |
티스토리 노토산스(NotoSans) 본고딕 한글글꼴 웹폰트 적용방법 (0) | 2019.10.28 |
영문필기체 Chalisa Octavia Font (0) | 2019.10.19 |
아리따글꼴, 아리따 돋움 / 아리따 부리(한글무료폰트 / 고딕체) (0) | 2019.10.14 |
한글무료폰트 S-Core 드림글꼴 (0) | 2019.10.13 |