Futura字体未在Firefox中呈现

Posted 2023-03-15

【中文标题】Futura字体未在Firefox中呈现

【英文标题】：Futura font not rendering in firefox

【发布时间】：2012-10-27 23:36:29

【问题描述】：

我在 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

但它没有帮助......

对此有什么想法吗？

【问题讨论】：

你的问题解决了吗？

【参考方案1】：

我没有看到 FuturaLT-Book 的 css 列表，这可能是问题所在。

【讨论】：

对不起，我的意思是我的字体系列有问题：'FuturaLT-Bold'; !

明白了！我会重新编码该特定字体并再次上传，它可能在此过程中已损坏。