0

次のコードを使用して、ASP.NET Web サイトにカスタム フォントを表示しています。

<style type="text/css">
@font-face {
    font-family: 'B Mitra';
    src: url('BMitra.ttf') format('truetype'); /* IE9 Compat Modes */
    src: url('BMitra.ttf?#iefix') format('truetype'), /* IE6-IE8 */
         url('BMitra.ttf') format('truetype'), /* Modern Browsers */
         url('BMitra.ttf')  format('truetype'); /* Safari, Android, iOS */
    }
    </style>
</head>


<body style="font-family:B Mitra;" onload="pageLoad()">

FireFox では問題なく動作しますが、IE と chrome ではカスタム フォントが表示されません (このカスタム フォントは、サーバーの ASPX ファイルを含むフォルダーにあります。フォントは、Firefox にないシステムにダウンロードされます。 IE と chrome ではダウンロードできず、別の既存のフォントが使用されていると思います)。ここで何がうまくいかないのですか？

4

1 に答える 1

0

http://www.adtrak.co.uk/blog/font-face-chrome-rendering/

同じformat（'truetype'）を何度も何度も呼び出すのはなぜですか？その横にコメントがあると、最近のブラウザでは修正されません。他のファイル形式も必要だと思いますか？つまり、通常は次のようになります。

@font-face {
font-family: 'chunk-webfont';
src: url('../../includes/fonts/chunk-webfont.eot');
src: url('../../includes/fonts/chunk-webfont.eot?#iefix') format('eot'),
url('../../includes/fonts/chunk-webfont.woff') format('woff'),
url('../../includes/fonts/chunk-webfont.ttf') format('truetype'),
url('../../includes/fonts/chunk-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'chunk-webfont';
src: url('../../includes/fonts/chunk-webfont.svg') format('svg');

}
}
于 2013-02-21T08:27:29.277 に答える