Twitter Bootstrap의 Font Awesome vs Glyphicons
저는 웹 개발의 초보자이고 최근에 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를 포함하여 Glyphyicons가 font-awesome에 의해 재정의되도록합니다.
최신 정보
부트 스트랩 버전 3.xx 에서는 glyphicon이 글꼴 형식이되어 12px 글꼴 크기에서도 멋지게 렌더링됩니다. 최신 버전의 fontawesome, 즉 4.01을 사용하는 경우 fontawesome과 함께 두 glyphicon을 모두 사용할 수 있습니다.
Font Awesome :-150 개가 넘는 아이콘-기본 부트 스트랩 글꼴 (14px)에서 완벽한 픽셀-아이콘은 크기가 같지 않으며 맞춤 CSS가 필요합니다.-글 머리 기호 목록, 회전 (css3로 추가 가능), 스택 아이콘 있음 및 스피너 애니메이션 (수동으로 추가 할 수 있음) Glyphyicons :-아이콘 축소-더 큰 글꼴 크기 (16px)에서 완벽한 픽셀-동일한 크기 아이콘
참조 : http://tagliala.github.io/vectoriconsroundup/
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"/>
글 리피 콘을 원하지 않고 글꼴이 굉장한 것만을 원하신다면 여기 로 가서 부트 스트랩 다운로드를 커스터마이징하여 글 리피 콘없이 얻을 수 있습니다.
참고 URL : https://stackoverflow.com/questions/17311231/font-awesome-vs-glyphicons-in-twitter-bootstrap
'Programing' 카테고리의 다른 글
| Jetifier는 무엇입니까? (0) | 2020.10.15 |
|---|---|
| Javadoc에 대한 훌륭하고 현대적인 대안이 있습니까? (0) | 2020.10.15 |
| R에서 정수 클래스와 숫자 클래스의 차이점은 무엇입니까 (0) | 2020.10.15 |
| Java에서 기본 키워드의 목적은 무엇입니까? (0) | 2020.10.15 |
| 경고 : 정적 필드에 Android 컨텍스트 클래스를 배치하지 마십시오. (0) | 2020.10.15 |