Benutzerdefinierte Symbol Schriftart erscheint in meinem lokalen Host-Umgebung aber nicht auf meinem externen Server

Question

Zusammenfassung: Ich habe ein Problem, wo eine benutzerdefinierte Schriftart (generiert bei Glypther) und in meiner Website enthalten wird auf meinem localhost rendern/zeigen. Aber wenn die Seite zu meinem Hosting-Provider verschoben wird, wird sie überhaupt nicht angezeigt.

Hier ist die generierte iconfont.css-Datei (es ist das .icon-Logo, das verwendet wird). Es gibt andere Dateien, die ich nicht aufgenommen habe.

@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';} 

Es gibt einige Arten in der CSS (style.css) und verwendet Bootstrap:

.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; 
} 

Und hier ist der Code, der das Logo verwendet:

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

Als ich Überprüfen Sie den Code (mit Chrome), wo das Logo ordnungsgemäß auf dem lokalen Host angezeigt wird, sehe ich Folgendes:

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

Wenn jedoch den Code auf der externen Hosting-Inspektion (wo das Logo nicht wird angezeigt), sehe ich folgende:

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

Die einzige andere Sache zu erwähnen, und ich bin nicht sicher, ob es relevant ist ist, dass meine externe Host (HG) -URL eine Add-On-Domain ist (wo das DNS noch nicht aktualisiert wurde, dh ich greife auf die Seite mit http:/(accountname)/website/und verwende Chrome vHost extension). Der Grund, warum ich das nicht für relevant halte, liegt darin, dass andere Icon-Fonts enthalten sind (die von anderen hinzugefügt wurden), die sowohl unter lokalen als auch unter externen Hosting-Bedingungen rendern.

Ich würde alle Einsichten schätzen. Vielen Dank!

Answer 1

Ich habe hier nur meine eigene Antwort geschrieben ... Am Ende habe ich die Schrift-Icons bei Glyphter neu generiert und wieder in die Site eingefügt (unter Verwendung eines anderen Dateinamens). Dieses Mal funktionierte es sowohl in lokalen als auch in gehosteten Umgebungen. Ich konnte dir nicht sagen, was anders war. Es tut uns leid.