저는 웹 개발 초보자이고 최근에 Twitter Bootstrap으로 작업하기 시작했습니다 . 이미 사용 방법을 알고있는 Glyphicon 을 사용 하고 있다는 것을 알고 있습니다. 그러나 나는 또한 Bootstrap을 위해 만들어 졌다고 말하는 Font Awesome 을 발견했습니다.
둘의 차이점은 무엇입니까? 하나는 다른 하나의 대안입니까? 아니면 다른 장소에서 사용해야합니까?
저는 웹 개발 초보자이고 최근에 Twitter Bootstrap으로 작업하기 시작했습니다 . 이미 사용 방법을 알고있는 Glyphicon 을 사용 하고 있다는 것을 알고 있습니다. 그러나 나는 또한 Bootstrap을 위해 만들어 졌다고 말하는 Font Awesome 을 발견했습니다.
둘의 차이점은 무엇입니까? 하나는 다른 하나의 대안입니까? 아니면 다른 장소에서 사용해야합니까?
답변:
Bootstrap 2.xx에서 Glyphyicons 는 이미지 형식이므로 크기를 늘리거나 색상, 배경색 등을 쉽게 변경할 수 없습니다. 그러나 font-awesome은 크기, 색상, 드롭 섀도우 및 CSS의 힘으로 수행 할 수있는 모든 작업을 즉시 사용자 정의 할 수있는 확장 가능한 벡터 아이콘을 제공합니다.
Font-awesome은 새로운 아이콘으로 수시로 업데이트되는 Glyphyicons의 대안입니다. Fat과 Mdo는 Glyphyicons를 대체하기 위해 부트 스트랩 버전 3에 Font-awesome을 통합 할 계획입니다.
내 제안은 글꼴이 멋진 부트 스트랩을 사용하는 것입니다. 먼저 부트 스트랩 CSS와 Font-awesome CSS를 포함하여 Glyphyicon이 font-awesome에 의해 재정의되도록합니다.
최신 정보
에서 부트 스트랩 버전 3.xx의 glyphicons도 12 픽셀 글꼴 크기에 잘 렌더링 글꼴 형식이된다. 최신 버전의 fontawesome, 즉 4.01을 사용하는 경우 fontawesome과 함께 두 glyphicon을 모두 사용할 수 있습니다.
Font Awesome :-150 개 이상의 아이콘-기본 부트 스트랩 글꼴 (14px)에서 완벽한 픽셀-아이콘은 크기가 같지 않으며 맞춤 CSS가 필요합니다.-글 머리 기호 목록, 회전 (css3로 추가 가능), 스택 아이콘 있음 및 스피너 애니메이션 (수동으로 추가 할 수 있음) Glyphyicons :-아이콘 축소-더 큰 글꼴 크기 (16px)에서 완벽한 픽셀-동일한 크기 아이콘
Font awesome은 특정 글꼴과 CSS를 사용하여 "마법"을 만드는 벡터 아이콘 모음입니다. Glyphicons는 sprite-css 기술을 사용합니다.
둘 다 사용할 수 있습니다. Bootstrap의 파일 뒤에 css 파일을 추가하면됩니다.
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
글 리피 콘이 아니라 폰트에 대한 굉장한 것을 원하지 않는다면 여기 로 가서 부트 스트랩 다운로드를 커스터마이징하여 글 리피 콘없이 얻을 수 있습니다.