2014-04-16
bootstrap3에서는 glyphicon이라는 깔끔한 아이콘을 제공한다. 참고 : http://glyphicons.com/
그런데.. bootstrap을 받아서 설치해도 해당 기능이 제대로 작동 안 할 때가 있다. 이런 경우는 보통 glyphicon에 쓰이는 ttf 파일들의 경로가 잘 못된 경우이다.

1. 해당 페이지에 쓰이는 bootstrap.css 파일에 아래의 링크를 포함 시켜 보아라.
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

되는가? 안된다면,
2. 직접 링크를 선언해 보아라.
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

우선, 1번의 링크를 포함시켰을때 glyphicon이 제대로 보인다면 파일 설치 경로의 문제로 볼 수 있다. bootstrap.css에 참조하는 링크에 해당 파일들이 제대로 있는지 확인 해보길 바란다.

그리고 2번의 방법으로 해야지만 제대로 보인다면... 이건 해당 서버 자체의 문제점으로 볼 수 있다. 해당 서버의 mime.type을 살펴보면 ttf관련 사항이 없거나 하는식으로 glyphicon에 필요한 파일들을 가져올수가 없는 상태일 가능성이 높다.

//-----------------------추가사항 2015.11.09
보통 bootstrap에서 glyphicon의 설정 방법은, bootstrap.css 파일이 있는 폴더의 ../fonts 파일에 첨부해놓은 파일들을 가져다 놓으면 작동한다.