0

何らかの理由で、このページを IE9 で表示すると、すべての @font-face フォントが本来よりも小さく見え、おそらく別の書体のようにも見えます。私が知る限り、構文に関するすべてが IE9 と連携している必要があります。他の人が問題を再現するのに苦労しているので、Windows のフォント設定に何か問題があるのでしょうか? いずれにせよ、私が見ているものを再現したい場合は、Windows 7 64 ビットで IE9 を実行しています。

編集: これがページの問題なのか、ブラウザの問題なのかわかりません。いずれにせよ、私はそれを修正する必要があります。

4

3 に答える 3

0

IE9 では他のブラウザーと同じように見えますが、名前が異なるため ( HelveticaMDCSS で使用されている実際の名前とは異なりますHelvetica)、埋め込みフォントを使用しているものはありません。

あなたの「間違った」スクリーンショットは、ブラウザが実際に埋め込みフォントを使用しようとしているように見えますが、「正しい」スクリーンショットは単なるデフォルトのフォントです。それが必要な場合は、フォントを埋め込むものを取り除いてください。

于 2011-09-30T20:22:13.417 に答える
0

.woff は IE9 の問題を解決します。私はクロムとFirefoxに.eotを使用しました。IE9 の場合は .woff です。現在、3 つのブラウザは正常に動作しており、同じ結果が表示されています。以下は CSS のコードです。@font-face {font-family: 'cert_fonts'; src: url('../fonts/GoudyTrajan.eot') format('eot'); src: url('../fonts/GoudyTrajan.woff') format('woff'); フォントの太さ: 通常; フォント スタイル: 通常;}

于 2013-02-13T06:50:58.090 に答える
0 
@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }

使用例:

@font-face {
   font-family: MyFont;
   src: url(http://mysite/fonts/MyFont.ttf)
      format("embedded-opentype");
 }
 p {font-family: MyFont, serif;
 }
于 2011-09-30T19:43:50.740 に答える