내 로컬 호스트 환경에는 사용자 정의 아이콘 글꼴이 표시되지만 외부 서버에는 표시되지 않습니다.

Question

요약 : 내 웹 사이트에 포함 된 맞춤 글꼴이 내 로컬 호스트에서 렌더링/표시되는 문제가 있습니다. 그러나 사이트가 호스팅 제공 업체로 이동하면 렌더링/전혀 표시되지 않습니다.

생성 된 iconfont.css 파일은 다음과 같습니다 (사용되는 .icon 로고). 내가 포함시키지 않은 다른 파일이 생성되었습니다.

<i class="icon icon-Logo"></i> 
<a class="navbar-brand" href="index.php">Website name</a> 

I를 여기

.navbar-inverse .icon-Logo { 
    float: left; 
    padding-right: 5px; 
    padding-left: 5px; 
    color: #fff; 
} 

.navbar-default.lo-nav .icon-Logo { 
    color: #525252; 
    float: left; 
    padding-left: 5px; 
} 

그리고 로고를 사용하는 코드입니다 :

@font-face { 
    font-family: 'IconFont'; 
    src: url('../fonts/IconFont.eot'); 
    src: url('../fonts/IconFont.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/IconFont.woff') format('woff'), 
     url('../fonts/IconFont.ttf') format('truetype'), 
     url('../fonts/IconFont.svg#IconFont') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
[class*='icon-']:before{ 
    display: inline-block; 
    font-family: 'IconFont'; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 2; 
    font-size: 2.3em; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale 
} 
.icon-Block:before{content:'\0041';} 
.icon-Chat:before{content:'\0042';} 
.icon-Favorite:before{content:'\0043';} 
.icon-Interested:before{content:'\0044';} 
.icon-Unlock:before{content:'\0045';} 
.icon-Wink:before{content:'\0046';} 
.icon-Logo:before{content:'\0047';} 

는 부트 스트랩 몇 CSS를 (있는 style.css)에서 스타일과 사용이 있습니다 로고가 로컬 호스트에 제대로 표시되는 Chrome을 사용하여 코드를 검사하면 다음과 같이 표시됩니다.

<i class="icon icon-Logo> 
    ::before 
</i> == $0 

(로고가 표시되지 않는) 외부 호스팅의 코드를 검사 할 때 3,691,363,210

그러나, 나는 다음을 참조 :

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

유일한 다른 것은 언급하고 관련이 있는지 확실하지 않다 내 외부 호스트 (HG) URL이 애드온 도메인 (DNS가 아직 업데이트되지 않은 경우) 즉 http :/(accountname)/website /로 사이트에 액세스하고 Chrome vHost 확장을 사용한다는 것입니다. 내가 이것이 적절하다고 생각하지 않는 이유는 로컬 및 외부 호스팅 조건 하에서 렌더링되는 다른 아이콘 글꼴 (다른 사람들이 추가 한)이 있기 때문입니다.

나는 통찰력을 가질 것이다. 감사!

Answer 1

내 대답은 여기에 게시 ... Glyphter에서 글꼴 아이콘을 다시 생성하고 다른 파일 이름을 사용하여 다시 사이트에 통합했습니다. 이번에는 로컬 및 호스트 환경 모두에서 작업했습니다. 나는 무엇이 다른지 말할 수 없었다. 죄송합니다.