아이콘폰트 뷰어
폰트 파일에 포함된 아이콘과 코드를 빠르게 미리보기합니다.
Naming Table - name
Font Header Table - head
Horizontal Header table - hhea
Maximum Profile table - maxp
OS/2 and Windows Metrics table - OS/2
PostScript table - post
Character To Glyph Index Mapping Table - cmap
Font Variations table - fvar
Metadata table - meta
Control Value Table - cvt
CVT Program - prep
Font program - fpgm
Glyph Substitution Table - GSUB
Kerning - kern
사용 방법
1. (ttf, woff, otf) 폰트 파일을 업로드합니다.
2. 인덱스 네비게이션 바를 클릭하여 범위 내의 아이콘을 확인합니다.
3. 아이콘을 클릭하여 유니코드, 인덱스 위치, 크기, 경로, 스트로크 등의 상세 정보를 확인합니다.
4. "폰트 정보" 영역에서 작성자, 출판사, 라이선스, 메타데이터, 버전 등을 확인합니다.
아이콘폰트 뷰어란?
다른 사람의 프로젝트를 수정할 때 CSS에서 아이콘에 대한 참조를 찾아야 하고 모든 아이콘을 시각적으로 볼 수 없는 경우가 많습니다.
아이콘폰트 뷰어는 이러한 문제를 해결하기 위한 좋은 방법입니다. 아이콘 파일을 업로드하기만 하면 모든 아이콘과 코드를 미리 볼 수 있습니다.
아이콘폰트란?
아이콘폰트는 아이콘 제작을 위한 폰트 방식으로, 웹 성능을 개선하고 iOS 및 Android 앱 플랫폼에서도 작동합니다. 현재 인터넷에서는 플랫 디자인이 휩쓸리면서 점점 더 인기를 얻고 있습니다. 아이콘폰트의 원리는 많은 아이콘을 폰트 라이브러리로 만들어 폰트의 스타일이나 문자 집합을 통해 아이콘을 표시하는 것입니다.
아이콘폰트의 장단점
장점:
모든 아이콘이 하나의 파일에 있어 쉬운 관리가 가능합니다.
요청 수를 줄이고 여러 아이콘을 하나의 폰트 파일로 결합하여 웹 페이지 성능을 개선합니다.
폰트를 스타일링하여 크기와 색상을 자유롭게 변경할 수 있습니다.
벡터 일러스트가 왜곡되지 않습니다.
다중 플랫폼에 적합합니다 (브라우저, iOS 앱, Android 앱).
단점:
단색만 가능합니다.
수정이 불편하며, 하나의 아이콘을 추가하려면 전체 폰트 파일을 수정해야 합니다.
크기 및 베이스 라인 정렬이 잘 제어되지 않습니다.
파일 크기가 제한을 초과합니다.
더 이상 파일을 업로드할 수 없습니다.