1

MVC 5 を使用して、アプリにFontelloアイコンを組み込みました。フォント フォルダに次のファイル タイプがあります: eot、ttf、woff、woff2、svg

アプリケーションをローカルで実行すると、アイコンは正常に表示されますが、Azure で実行すると表示されません。

http://codingstill.com/2013/01/set-mime-types-for-web-fonts-in-iis/で推奨さ れているように、次のコードを web.config に追加しました。

  <system.webServer>
    <staticContent>
      <remove fileExtension=".eot" />
      <remove fileExtension=".ttf" />
      <remove fileExtension=".svg" />
      <remove fileExtension=".woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
      <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />           
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
  </system.webServer>

これは役に立ちませんでした。アイコンはまだ表示されません。次のコンソール エラーが表示されます。

The link http://{myapplication}.azurewebsites.net/fonts/font/fontello.woff?50484361 Failed to load resource: the server responded with a status of 404 (Not Found)

しかし、これは5つのファイルタイプのうち3つ(ttf、woff、woff2)でのみ得られます。

注: ファイルは存在し、正しい場所にあります。

何か案は ?

4

1 に答える 1

3

これが問題の解決方法です---解決策をありがとう@GauravMantri !!

ファイル:

\fonts\font\fontello.ttf
\fonts\font\fontello.woff
\fonts\font\fontello.woff2

私のローカル環境ではディスク上に物理的に存在していたので、ローカルで実行しても問題ありませんでした。しかし、それらは実際にはソリューションの一部ではなかったため、Azure にはデプロイされませんでした。

この画像を見る

必要な作業は次のとおりです。

VS でファイルを右クリック => [プロジェクトに含める]を選択し、Azure に再度公開します。

于 2016-08-21T12:47:57.003 に答える