2016-08-03 14 views
0

表示されていないAwesomeフォントのアイコンに問題があります。しかし、彼らは私の特定の問題と一致しませんでした。フォントAwesome-iconsはIE11 Win7とshise-projectに表示されません。

私はheise.deからShariffというプロジェクトを私のウェブサイトに実装しようとしています。 Shariffは、ウェブサイトのユーザーが自分のプライバシーを損なうことなくソーシャルネットワークでお気に入りのコンテンツを共有できるようにします。これを実現するには、FacebookやTwitterなどの共通のShare-Likeボタンを使用しないでください。

このプロジェクトでは、共有ボタンの近くにFacebook、Twitterなどの既知のシンボルを表示するために、恐ろしいフォントが使用されています。 Awesome-fontはshariff.cssファイルの中で@ font-faceで実装されています。私はフォントv = 4.6.3をダウンロードし、それを私のウェブスペースにインストールしました。

iPhone/iPad(Safari)またはChromeでデモサイトを表示すると、Facebook、Twitter、LinkedInなどのシンボルが表示されますが、IE11では表示されません。私のCSSにいくつかのバグがあるかどうかチェックするには、通常のcharakcter :: の代わりにtwitter-symbolを置き換えてください: .fa-twitter:before {content: "\ f099"} 私は: .fa- twitter:before {content: "tw"} これはIE11で動作していて、つぶやきボタンの前に 'tw'が表示されました。

IE11でこの問題の解決策を見つけるために、ここ数日間Webを検索しましたが、動作するものは見つかりませんでした。

私は@ font-faceでAwesomeフォントを実装するshariff.cssに何か間違っているはずですが、バグを見つけることができません。だから私はここの誰かが助けることを願っていますスペースや括弧などが足りない場合は、私と寛大でなければなりません。私は目が見えず、CSSファイルを音声シンセで読みなければなりません。

あなたはここに私のテストサイトやCSSを見つける: http://www.sensitive-tiertherapie.de/test/index.htm http://www.sensitive-tiertherapie.de/test/css/shariff.css

残念ながら、このウェブサイトはドイツ語であるが、あなたはそのサイトの一番下までスクロール場合は、株式のボタンを見ることができます。

誰かが知ることができれば分かりますが、なぜそれがうまくいかないのでしょうか?

ところで、私の質問が表示されることを願っています。スクリーンリーダーによるこのサイトの操作があまり滑らかではないためです。

種類のよろしく、マイケル

+2

これはうまく見えます:[this](https://drive.google.com/file/d/0B5LejbIN6T8geGJfLTNiaG94NUE/view?usp=sharing) –

+2

をご覧ください。 –

+0

[フォントAwesome 4.2.0の互換性モードがオンになっているIE11でレンダリングされていない可能性があります](http:// stackoverflow。com/questions/27913012/font-awesome-4-2-0-not-rendering-in-ie-11互換モードがオン) –

答えて

0

あなたのフィードバックのための多くのおかげで、私は解決策を得る: それは中IE11の局所的なアクセシビリティ設定した: エクストラ - ここ>アクセシビリティ

- >オプション - >一般「ウェブサイト上のフォントを無視する」が選択されました。この設定をオフにした後、Awesome-fontのアイコンが期待通りに表示されます。

誰もが同じ問題に遭遇したら、 1.互換モードIE11と をチェックしてください。2.アクセシビリティ設定。

関連する問題