'Glyphicons'에 해당되는 글 1건

  1. 2014.04.24 [CSS][Bootstrap3] Glyphicons 관련
Programming/HTML/CSS2014. 4. 24. 12:27

Bootstrap 보면 Glyphicons 를 무료로 제공해주는 걸 볼 수 있다 



Glyphicons

사용가능한 기호

Glyphicon Halflings 세트의 폰트 기반의 180 개의 아이콘을 포함하고 있습니다. 

Glyphicons Halflings 은 원래 무료가 아닙니다. 

하지만 제작자가 부트스트랩을 위해 무료로 사용할 수 있도록 만들었습니다. 

그에 대한 보답으로, 우리는 당신이 가능한 때에 Glyphicons 로 가는 링크를 포함하기를 요청드립니다.



자세한 내용과 아이콘리스트는 아래 사이트 참조

http://bootstrapk.com/BS3/components


그런데 사용하기 위해서는 bootstrap.min.css쪽에 아래 4개 font관련 파일 경로 사이트에 맞게 URL지정 해줘야된다

(Bootstrap2에서는 이미지파일로 했는데 3에서 변경된 듯함)



glyphicons-halflings-regular.ttf

glyphicons-halflings-regular.svg

glyphicons-halflings-regular.eot

glyphicons-halflings-regular.woff



그리고 나서 예제처럼 사용하면됨


그리고 여기서 사이즈와 색깔을 다르게 하고 싶으면 style 설정이나 h태그를 활용하면됨

그런데 진짜 이런것 보면 10년전 웹사이트 만들때보다 편해진 부분은 있는 것 같다.

하지만 디바이스가 다양해지면서 체크 할것은 더 많이 생기긴 했지만 ㅠㅠ

Posted by 시니^^