web-dev-qa-db-ja.com

fontawesomeをAzureWebページのデプロイで機能させるにはどうすればよいですか？

アイコンのサポートにはTwitter Bootstrap and FontAwesome を使用しています。

IISサーバーの1つに展開する場合、MIMEサポートを追加する必要があります。

Azureにデプロイすると、この機能がないように見えます。フォントの使用方法がわからないため、アイコンが表示されなくなりました。

twitter-bootstrapazurefontsfont-awesome
29
mattruma

以下をweb.configに追加するだけです...

<system.webServer>    
   <staticContent>
       <remove fileExtension=".svg" />
       <remove fileExtension=".eot" />
       <remove fileExtension=".woff" />
       <mimeMap fileExtension=".svg" mimeType="image/svg+xml"  />
       <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
       <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
    </staticContent>
</system.webServer>
72
Jamie Altizer

[〜＃〜]更新[〜＃〜]

FontAwesome nugetパッケージが最近変更されたため、この回答は不要になりました。

受け入れられた回答に記載されている解決策に加えて、プロジェクトのフォントが〜/ Content/fontsにあることに気付きましたが、サイトはAzureの/ fontsにあるフォントを探していました。

回避策として、フォントファイルを〜/ fontsにコピーし（ビルドアクションがすべてContentに設定されていることを確認します）、すべてがクラウドで正常に機能します。

7
Patrick McDonald

上記を実行した後、それでも機能しない場合は、テーマフォルダーのcssフォルダーにあるfont-awesome.cssのファイルを確認してください。

Font-awesomeファイルをリンクするURLがあります。新しいドメインのフォントファイルがAzureサイトを指しているフォルダーを指していることを確認します。つまり、../font/..の代わりに完全なURLを入力します。

1
Marilize