これが問題です。特別なフォントを使用してアイコンを表示する SaaS Web アプリケーションがあります。したがって、多数の png を使用する代わりに<span>
、クラスで aを使用しicon
ます。
CSS ファイルは @font-face タグで始まります。これは主にfontsquirrelによって生成され、次のようになります。
@font-face {
font-family: 'iconsregular';
src: url('../../Content/fonts/icons-webfont.eot');
src: url('../../Content/fonts/icons-webfont.eot?#iefix') format('embedded-opentype'),
url('../../Content/fonts/icons-webfont.woff') format('woff'),
url('../../Content/fonts/icons-webfont.ttf') format('truetype'),
url('../../Content/fonts/icons-webfont.svg#iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
これは、サポートされているすべてのブラウザー (IE7、8、9、FF、Safari、Chrome) で完全に表示されます。ただし、Web サイトがリモート デスクトップ クライアント経由でアクセスされた場合。Web フォントは使用されません。ただし、CSS ファイルと .eot ファイルはダウンロードされます。
エラーの再現
そこで、テストを開始し、問題を再現しようとしました。これらの手順を実行すると、エラーが発生しました。
- リモート デスクトップ A (サーバー 2008) に接続します。
- IE9を開く
- ウェブサイトを閲覧する
- フォントは表示されません。
次に、別のサーバーに接続しました。
- リモート デスクトップ B (サーバー 2008) に接続します。
- Firefox を開く
- ウェブサイトを閲覧する
- フォントが表示されます!
- IE9 で Web サイトを開く
- フォントも表示されます。一部は Chrome 用です。
この驚きの後、私は再び RD A に再接続しました。
- IE9を開く
- フォントが表示されます...
RDP クライアントは、そのフォントをどこかに、ある時点でキャッシュしているようです。
これはいつ、どのように起こりますか?また、RDP クライアントに @font-face Web フォントのダウンロードと表示を強制する方法はありますか?