Chrome のバグなのか、CSS に何か問題があるのかわからない
これが私が話していることのデモンストレーションです:デモリンク
問題は、私のウェブサイトで次の名前のカスタム ペルシア語フォントを使用していることですBMitra
(パブリック ドメインでは完全に無料です)。すべての主要なブラウザー (最新の FF および IE6+) はこのフォントを正常にレンダリングしていますが、私の Chrome はこのフォントをスキップして切り替えます。システムのデフォルトにtahoma
。
ここに私のCSSがあります:
@font-face {
font-family: 'BMitra';
font-weight: normal;
src: url('fonts/regular/BMitra.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/regular/BMitra.woff') format('woff'), /* Modern Browsers */
url('fonts/regular/BMitra.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/regular/BMitra.svg#svgBMitra') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'BMitra';
font-weight: bold;
src: url('fonts/bold/BMitraBd.woff') format('woff'), /* Modern Browsers */
url('fonts/bold/BMitraBd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/bold/BMitraBd.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/bold/BMitraBd.svg#svgBMitra') format('svg'); /* Legacy iOS */
}
それで、何かアイデアはありますか?これは webkit のバグなのか、それとも何か他のものなのか。前もって感謝します。
補足:
- 元のフォントは true-type 形式で、オンライン ツールを使用して変換しました。しかし、他のすべての形式は正常に機能しているため、フォントが破損していないと確信しています。
- 誰かが同じ問題を抱えていることがわかりました(ここにリンクがあります)が、解決策はまったく機能していません!また、IE9 の機能が壊れます。
- Chrome が Chrome のコンソールにフォントをロードしていることがわかるので、ページのロード時に Web サーバーやフォント リソースが利用できないという問題はありません。