본문 바로가기
개발.웹 프론트엔드/html

[Bootstrap] Bootstrap 4 - 아이콘 Glyphicons 없어진 듯

by 언제나초심. 2017. 1. 13.
반응형


Bootstrap 4 버전

http://v4-alpha.getbootstrap.com



Bootstrap 4 버전은 alpha 6 까지 나와 있습니다. 


보통 알파 버전은 베타 버전 이전을 말하고, 베타 버전 이후에 정시 출시 됩니다. 


한번 다운로드를 받아서 사용해봤는데, 써보면 괜찮은데 아이콘은 빠져 있네요. 


http://v4-alpha.getbootstrap.com/migration/


설명을 보자면,


Among all the practicalities brought to web development by the Bootstrap framework along the years, icon words were arguably one of the most important. 


Up until its latest version, Bootstrap had the Glyphicons library included by default in its framework. 


The package’s sharp clean and minimalist icons were of super easy integration and fitted well in almost any project. 


Either were you developing websites, web apps or wire-frames, glyphicons were the go-to icon pack for a lot of developers.



With the popularization of more complete alternatives like Font Awesome and Typicons, that bring a way bigger variety of icons and applicabilities to the table, the removal of Glyphicon from the Bootstrap framework was inevitable.


Icons are of utmost importance though, and having to manually integrate external packs can be confusing and extremely frustrating for beginners.



이렇게 있는데, 대충 거꾸로 두번째 문장을 보자면, 완벽한 대체 가능한 것들 Font Awesome, Typicon 등이 있어서 Glyphicon 을 제거했다는 말인 듯 합니다. 



그래서 Font Awesome , Typicon, Octicon (Github) 에 대해서 알아 보는 중입니다.  근데, 그냥 무료 아이콘 아무거나 갖다 써도 될 것 같긴 합니다. 



Font Awesome

http://fontawesome.io/


거의 이전 버전에 쓰던 Glyphicons 와 비슷하네요. 적용하는 데 어려움은 없었던 듯 합니다. 


Font License - SIL OFL 1.1

Code License - MIT


사용법

<i class="fa fa-camera-retro"></i>


Glyphicons


참고로, 

원래썼던 Glyphicons 는 

https://glyphicons.com/


의 주소에서 확인 할 수 있는데. 


Free 버전에서는 Vector 가 지원되지 않고, png 정도가 지원되는 듯 하네요. (유료화가 된건가? 그래서 제거된 건가?)



Octicons


Octicons 은

https://octicons.github.com/


에서 확인 할 수 있습니다. 


하나씩 세어보니 186 개 인 듯 하네요. (세다가 헛갈렸을 수도..)


다운받아서 보면 .svg 파일 들이 있습니다. (압축해제 후 \lib\svg\ 경로에 있음)







반응형