2017-12-20 17 views
0

要約:私のウェブサイトに含まれているカスタムフォントがローカルホスト上で表示/表示されるという問題があります。しかし、サイトが私のホスティングプロバイダに移動さ​​れると、レンダリング/表示は全く行われません。カスタムフォントがローカルホスト環境に表示されますが、外部サーバーに表示されません。

ここに生成されたiconfont.cssファイルがあります(使用されている.icon-logoです)。私が含まれていない他のファイルが生成されます。

@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)にあり、ブートストラップを使用しています:

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

そしてここでは、ロゴを使用するコードですロゴがローカルホストに正しく表示されるコードをChromeで調べると、次のように表示されます。

<i class="icon icon-Logo> 
    ::before 
</i> == $0 
(ロゴが表示されていない)外部のホスティング上のコードを検査する際

はしかし、私は、以下を参照してください。

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

唯一の他の事はもちろんのこと、それが関連している場合、私はわかりません私の外部ホスト(HG)URLはアドオンドメインです(DNSがまだ更新されていない、つまりhttp:/(accountname)/ website /でサイトにアクセスしていて、Chrome vHost拡張機能を使用しています)。私はこれが適切ではないと思う理由は、ローカルと外部の両方のホスティング条件の下でレンダリングする他のアイコンフォントが含まれている(他人によって追加されている)ためです。

私はどんな洞察にも感謝します。ありがとう!

+0

私は、ホスティングプロバイダのすべてのファイルのアクセス許可をチェックし、すべてが0644(意味)の所有者が読み書きできるが、他のすべてのユーザーは読み取ることができることを言及する必要があります。これは、動作しているアイコンフォントのセットと同じでした。 –

+0

フォントファイルを更新しましたか? – Morpheus

+0

いいえファイルが更新されていません。ローカル環境からホスティングプロバイダにすべてのファイルをftpしました。 –

答えて

0

ここで自分の答えを投稿するだけ... Glyphterでフォントアイコンを再生成し、別のファイル名を使用してサイトに再組み込みました。今回は、ローカル環境とホスト環境の両方で動作しました。私は何が違っているかを教えてくれませんでした。ごめんなさい。

関連する問題