1

URL http://myapp.herokuapp.com/welcome.phpの Web サイトがあり、ドメイン www.example.com をその PHP ページに FRAME としてリダイレクトしています。IE9 から www.example.com を読み込もうとすると、次のエラーが発生します。

CSS3111: @font-face encountered unknown error. abeatbyKai.TTF

そのフォントはここにあります: http://myapp.herokuapp.com/common/fonts/abeatbyKai.TTF

私のCSSファイルは、次のようにwelcome.phpから呼び出されます。

<link rel="stylesheet" href="css/iflikeu.welcome.0.1.css" type="text/css" />

これは私のCSSのコードです:

@font-face {
    font-family: 'abeat';
    src: url(../common/fonts/abeatbyKai.TTF);
}

私が入力してsrc: url('http://myapp.herokuapp.com/common/fonts/abeatbyKai.TTF');もまだ機能しません。

別の例: この画像は、このようにwelcome.phpからロードされます

<a id="enLang" class="btn lang_flag" href="#" onclick="changeLanguage('userLangWelcome','en');"><img src="common/images/flags/en.png"/></a>

CSS ファイルのコードは次のとおりです。

.lang_flag img {
    width: 25px;
    height: 12px;
    vertical-align: middle;
}

ただし、画像は表示されません。ボタン ( btn) のみ。

このエラーは、IE で FRAME リダイレクトがある場合にのみ発生します。http://myapp.herokuapp.com/welcome.phpを IE から直接ロードすると動作し、他のブラウザから www.example.com も同様に動作します。

何か案は？ありがとう

4

2 に答える 2

3

デフォルトでは、IE は外部ドメインからのフォントの読み込みを許可していません。このスレッドを参照してください。

Access-Control-Allow-Origin HTTP Headerフレームを含むドメインにを実際に設定する必要があるかもしれません。

余談ですが、heroku アプリを独自のドメイン名で表示するためにフレームのみを使用している場合は、Heroku のカスタム ドメインの記事を参照してください。ドメイン名を heroku アプリに指定することもできます。 .

于 2012-11-04T14:35:02.970 に答える
1

これを試してみてください。IEは何かとなると厄介です：

@font-face {
font-family: 'FFFTusjBold';
src: url('FFF_Tusj-webfont.eot');
src: url('FFF_Tusj-webfont.eot?#iefix') format('embedded-opentype'),
     url('FFF_Tusj-webfont.woff') format('woff'),
     url('FFF_Tusj-webfont.ttf') format('truetype'),
     url('FFF_Tusj-webfont.svg#FFFTusjBold') format('svg');
font-weight: normal;
font-style: normal;

}
<!--[if IE]>
font-family: 'FFFTusjBold';
src: url('FFF_Tusj-webfont.eot');
url('FFF_Tusj-webfont.eot?#iefix') format('opentype');
}
-->
于 2012-11-10T19:10:05.327 に答える