[twitter-bootstrap-3] 부트 스트랩 3 글 리피 콘이 작동하지 않습니다

독자들에게 참고 : 반드시 읽어보십시오 user2261073의 코멘트 @ 와 제프의 대답 @ 맞춤 설정의 버그에 관한. 문제의 원인 일 수 있습니다.

글꼴 파일이 올바르게로드되지 않았습니다. 파일이 예상 위치에 있는지 확인하십시오.

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

다니엘이 지적했듯이 mimetype 문제 일 수도 있습니다. Chrome의 개발 도구는 네트워크 탭에 다운로드 한 글꼴을 표시합니다.

답변

application/font-woff

application/x-font-woff

application/font-woff2

@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

<link href="https://stackoverflow.com//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css")

<i class="fas fa-chess"></i>

http://getbootstrap.com/getting-started/#download