font awesome

박지명·2026년 2월 24일

클라이언트

목록 보기
12/24

링크

Font Awesome을 쓰는 이유

  • 이모지는 운영체제나 브라우저 버전에 따라 렌더링 주체가 달라져서 같은 코드여도 전혀 다른 디자인으로 보임.
  • Windows, macOS, Android가 각자 자기 스타일로 이모지를 그리기 때문에 개발자가 의도한 모습이 사용자에게 그대로 전달된다는 보장이 없음.
  • 구형 OS에서는 아예 표시가 안 되는 경우도 있음.

Font Awesome은 폰트(글꼴) 기반 아이콘이라 이 문제를 해결함.

  • 모든 OS, 브라우저에서 동일하게 표시됨

  • CSS color 속성으로 색상 자유롭게 변경 가능

  • 폰트라서 font-size로 키워도 깨지지 않음 (벡터 기반)

  • 부모 요소의 color, font-size 스타일을 자동 상속받음

  • CDN 링크 한 줄로 수천 개 아이콘 바로 사용 가능

결론: 이모지는 보이는 환경마다 다르고, Font Awesome은 개발자가 CSS로 완전히 제어할 수 있어서 UI 일관성을 유지하기 쉬움.

0개의 댓글