【问题标题】:Futura font not rendering in firefoxFutura字体未在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

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

对此有什么想法吗?

【问题讨论】:

  • 你的问题解决了吗?

标签: wordpress fonts font-face generator


【解决方案1】:

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

【讨论】:

  • 对不起,我的意思是我的字体系列有问题:'FuturaLT-Bold'; !
  • 明白了!我会重新编码该特定字体并再次上传,它可能在此过程中已损坏。
猜你喜欢
  • 2017-05-05
  • 2017-10-20
  • 2017-11-04
  • 2018-05-21
  • 1970-01-01
  • 2015-12-01
  • 2015-04-30
  • 2018-11-07
  • 2016-01-05
相关资源
最近更新 更多