icoMoon
1. import
https://icomoon.io/app/#/select
👉 Import Icons 👉 Select All 👉 Generate Font
2. Setting
4) Font Name : 파일명
5) Class Prefix : ic-아이콘명
7) 소문자로 일괄 변경
8) 다운로드
3. style.css 복사한 내용 scss 붙이기
styles 👉 base 👉 _fonts.scss
style.css 폴더를 열어 내용을 복사한 뒤 fonts.scss 붙여넣기
4. Asset 파일 저장
fonts 폴더 안의 네개의 파일 내 프로젝트의 asset 폴더에 저장
5. url 경로 지정하기
✨ 경로 지정할 때 현재 위치는 main.css가 기준이 된다
6. import
'main.scss' 파일에 '_font.scss' 파일 import하기
7. 사용하기
<body>
<i class="ic-bookmark" aria-label="북마크"></i>
</body>👉 폰트이기 때문에 color, font-size로 속성 변경해주면 됨
UIUX/Frontend
2개의 댓글
2025년 6월 6일
이 사이트는 다양한 글씨체 스타일을 제공합니다. 웹디자인이나 프로젝트에 활용하기 좋으며, 사용하기 편리하고 무료 폰트를 쉽게 다운로드할 수 있어 적극 추천합니다. https://yazistilleri.online/
답글 달기
If you want to find more creative and free fonts, you can find more at: https://yazistilleri.io/