firefox で特定の futura フォントを表示する際に問題があります。
実際、私は 5 つの futura フォントを使用していますが、そのうちの 1 つで問題が発生しました。
@font-face {
font-family: 'FuturaLT-CondensedBold';
src: url('fonts/futuraltcondensedbold.eot');
src: url('fonts/futuraltcondensedbold.eot?#iefix') format('embedded-opentype'),
url('fonts/futuraltcondensedbold.woff') format('application/x-font-woff'),
url('fonts/futuraltcondensedbold.ttf') format('truetype'),
url('fonts/futuraltcondensedbold.svg#futuraltcondensedbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaLT-Bold';
src: url('fonts/futuraltbold.eot');
src: url('fonts/futuraltbold.eot?#iefix') format('embedded-opentype'),
url('fonts/futuraltbold.woff') format('application/x-font-woff'),
url('fonts/futuraltbold.ttf') format('truetype'),
url('fonts/futuraltbold.svg#futuraltbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBT-LightCondensed';
src: url('fonts/futura-ltcn-bt-light.eot');
src: url('fonts/futura-ltcn-bt-light.eot?#iefix') format('embedded-opentype'),
url('fonts/futura-ltcn-bt-light.woff') format('application/x-font-woff'),
url('fonts/futura-ltcn-bt-light.ttf') format('truetype'),
url('fonts/futura-ltcn-bt-light.svg#futura-ltcn-bt-light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBT-Medium';
src: url('fonts/futuram.eot');
src: url('fonts/futuram.eot?#iefix') format('embedded-opentype'),
url('fonts/futuram.woff') format('application/x-font-woff'),
url('fonts/futuram.ttf') format('truetype'),
url('fonts/futuram.svg#futuram') format('svg');
font-weight: normal;
font-style: normal;
}
そのため、font-family: 'FuturaLT-Bold'; の使用に問題があります。ファイアフォックスで。他のものは問題なくレンダリングされていますが、これは、フォントがまったく存在しないように、firebug を持つ firefox inspect 要素で濃い灰色として表示されます。このフォントは、codeandmore フォント フェイス ジェネレーターによってカバーされていました。
また、次のルールで .httaccess ファイルを変更しました。
AddType フォント/ttf .ttf AddType フォント/eot .eot AddType フォント/otf .otf AddType フォント/woff .woff
しかし、それは役に立ちませんでした...
これについて何か考えはありますか？