我在 Firefox 上显示特定的 Futura 字体时遇到问题。
实际上,我使用了 5 种 Futura 字体,但其中一种出现了问题:
@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' 时遇到问题;在火狐中。其他的渲染得很好,但是这个在带有萤火虫的firefox检查元素中显示为深灰色,就像字体根本不存在一样。该字体被codeandmore字体生成器覆盖。
我还使用以下规则更改了我的 .httaccess 文件:
AddType 字体/ttf .ttf AddType 字体/eot .eot AddType 字体/otf .otf AddType 字体/woff .woff
但它没有帮助......
对此有什么想法吗?