要約:私のウェブサイトに含まれているカスタムフォントがローカルホスト上で表示/表示されるという問題があります。しかし、サイトが私のホスティングプロバイダに移動されると、レンダリング/表示は全く行われません。カスタムフォントがローカルホスト環境に表示されますが、外部サーバーに表示されません。
ここに生成された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拡張機能を使用しています)。私はこれが適切ではないと思う理由は、ローカルと外部の両方のホスティング条件の下でレンダリングする他のアイコンフォントが含まれている(他人によって追加されている)ためです。
私はどんな洞察にも感謝します。ありがとう!
私は、ホスティングプロバイダのすべてのファイルのアクセス許可をチェックし、すべてが0644(意味)の所有者が読み書きできるが、他のすべてのユーザーは読み取ることができることを言及する必要があります。これは、動作しているアイコンフォントのセットと同じでした。 –
フォントファイルを更新しましたか? – Morpheus
いいえファイルが更新されていません。ローカル環境からホスティングプロバイダにすべてのファイルをftpしました。 –