참고 CSS 글꼴 얼굴 규칙을 사용하여로드 glyphicons와 문제 : 최고 글꼴은부트 스트랩에
내가 탐색 모음의 왼쪽 상단에있는 웹 사이트의 브랜드에 설정된 glyphicon을 사용하고를 사용하는 경우 - "마을 최고의 성"을 읽는 텍스트. 이 문제는 glyphicons 용 웹 글꼴이로드되지 않는 것 같습니다. 대신 작은 사각형이 표시되어 타워 아이콘이 있어야합니다.
@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');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
}
:
<span class="glyphicon glyphicon-tower"></span>
http://www.bestcastlesintown.co.uk/prototype/test3.php#.UneSnRDylCj
저는 믿습니다 stylesheet.css의 CSS는 glyphicons 사용에 대한 올바른 : 타워 아이콘이 페이지에 존재하는 다음과 같은 마크 업 렌더링해야 누구든지 문제를 해결할 수 있습니까?