2013-11-04 11 views
0

참고 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 사용에 대한 올바른 : 타워 아이콘이 페이지에 존재하는 다음과 같은 마크 업 렌더링해야 누구든지 문제를 해결할 수 있습니까?

답변

2
<span class="glyphicon glyphicon-tower"></span> 

이 부트 스트랩 3.0.0와 glyphicons를 삽입하는 올바른 방법입니다하지만 당신은 부트 스트랩 2.3.2

The right way in bootstrap 2를 사용하고있다 zessx,이 아이콘은 부트 스트랩에서 사용할 수 없습니다. 2.3.2.

1

글리프콘은 1.8 글리프 리콘 버전으로 제공되며 부트 스트랩 2.3.2에서는 사용할 수 없습니다.

부트 스트랩 2.3.2 사용 가능한 글리프를 보려면 into the doc을 보거나 tower 글리프 콘이없는 것을 볼 수 있습니다.

<i class="icon-tower"></i> 

에 의해 명시된 바와 같이 :

0

나는 동일한 문제가있었습니다. 부트 스트랩 3 폴더를 다운로드하고 글꼴 파일을 현재 글꼴로 바꿉니다. 나는 사용자 정의 된 다운로드에서 폰트 파일이 어떤 이유로 손상되었음을 알았습니다.

http://getbootstrap.com/

관련 문제