私は apache tomcat サーバーを実行しており、ローカル サーバー、開発サーバー、および運用前サーバーで SSL をセットアップしています。ポート 443、フォントが見えません。見えるのは四角だけです。ただし、ポート 8080 で Web サイトを見ると、すべてのフォントが問題なく表示されます。これを修正するためにいくつかのことを試しましたが、それを以下に含めます...何を試すべきか考えている人はいますか? 私のウェブサイトは何週間も悩まされており、頭を机にぶつけています...
私が試したことのリスト：
- パスの最後に「?#iefix」情報を追加してみました。
`@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot');
src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff') format('woff'),
url('../fonts/fontawesome-webfont.ttf') format('truetype'),
url('../fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}`
- 絶対パス（ローカルホストとローカルIP）を試しました
`@font-face {
font-family: 'FontAwesome';
src: url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.eot');
src: url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.eot') format('embedded-opentype'),
url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.woff') format('woff'),
url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.ttf') format('truetype'),
url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}`
IEで技術的に機能するフォントの素晴らしいサイトに直接リンクしようとしましたが、それが保護されていないことを警告し、Chromeが完全にブロックするため、実行可能でも良い方法でもありません...
IE のすべてのセキュリティ設定を減らし、エンコーディングが UTF-8 に設定されていることを確認しました。
私のローカル証明書は自己生成されているため、サーバーと一致しなかった可能性があると誰かが私に言いましたが、私の開発サーバーと preprod サーバーには公式の証明書があり、それでも同じ結果が得られます。
他にも多くのことを試したと思いますが、ご覧のとおり、この問題について検索して検索しましたが、その人が問題をどのように修正したかについてあまり詳しく説明していないものを見つけるか、単に...「気にしないでください、私はそれを理解しました、ありがとう!」そして、彼らは解決策を投稿しません。この問題に関して建設的なご意見をいただければ幸いです。本当にありがとう！:)
追加の注記:再現手順- Apache Tomcat をセットアップする場合は、基本セットアップで SSL をセットアップし、font-awesome をインストールして、IE9 で表示します。問題はそこにあるはずです。これが役立つことを願っています。