본문 바로가기
CSS

IcoMoon으로 부트스트랩 아이콘 몇개만 추려서 커스텀 웹폰트 만들기

by 영감은어디에 2025. 6. 27.

📌 사용 방법

  1. https://icomoon.io/app 접속
  2. "Import Icons" 클릭 → Bootstrap Icons GitHub에서 필요한 SVG 10개만 다운로드 후 업로드
  3. 필요한 아이콘 선택 후 → 하단의 "Generate Font" 클릭
  4. style.css, fonts/ 폴더 등 포함된 폰트 키트 다운로드

✅ 장점

  • 내가 선택한 아이콘만 포함되어 매우 가볍다
  • 폰트라서 CSS 색상 변경도 자유로움
  • 용량 걱정 없이 커스터마이징 가능

나의 경우 부트스트랩 아이콘 대체라서 이렇게 했다. 

'CSS' 카테고리의 다른 글

42dot Sans 한글 폰트 웹에서 적용하기  (0) 2025.04.15
:is(), :where()  (0) 2025.04.15
css 3d, transform-style: preserve-3d  (0) 2025.03.07
round tab, css  (0) 2025.03.03
filter: drop-shadow  (0) 2024.10.18
mouse move  (0) 2024.10.17
나눔스퀘어 네오 폰트, 웹폰트로 사용법  (0) 2024.10.01
배경 그라디언트 애니메이션  (0) 2024.10.01