1

私はfont- awesomeicon-fontをlocahostとmysite.comで動作させています。どちらもnginxサーバーです。不思議なことに、 Glyphiconsから同様のアイコンフォントセットを実装しようとすると、アイコンはmysite.comでのみレンダリングされ、ローカルホストではレンダリングされません。

アイコンが通常のように見えるのと、ローカルホストでどのように見えるのかを次に示します。

通常： 正常 バスト： バスト

問題は、mysite.comのCSSプロパティをコメントアウトするだけで赤いボックスの外観が再作成さfont-family: 'Glyphicons'れるため、ローカルホストで属性が認識されないことです。font

.glyphicons i::before {
  position: absolute;
   left: 0;
  top: 0;
  font: 24px/1em 'Glyphicons'; // commenting out this line re-creates the red box pattern
  font-style: normal;
  color: #1D1D1B;
  color: red;
 }
4

1 に答える 1

2

自分の質問に答えるのを手伝ってくれた@David（上記のコメントを参照）に感謝します。問題はファイル権限の問題でした。Glyphiconsフォルダーをローカルホストアプリケーションフォルダー（つまり、/ html）に追加したばかりで、適切なアクセス許可がありませんでした。コマンドラインに次のように入力するだけで問題は解決しました。

html TimPeterson$ chmod -R 777 assets/glyphicons/   /*this command allows access to all (777) for all files and folders (-R) within the glyphicons folder*/

ですから、私が当初考えていたように、CSSやmime-typesなどのNginxとの関係はありませんでした。

于 2012-12-16T13:12:33.637 に答える