0

我希望你能花一些时间帮助我解决这个问题。我正在尝试将此字体集成到 wordpress 主题中。它工作得很好 FF、Chrome 和 IE。但我对 Opera 有疑问。最奇怪的是它加载但看起来文件格式已损坏。我知道它会加载,因为页面加载时字体会从衬线转换为无衬线。

我使用 fontsquirrel 和其他几个转换器来创建一个工具包,但似乎它们都不能正常工作。

@font-face {
    font-family: 'Blanch-Caps';
    src: url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.eot');
    src: url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.eot?#iefix') format('embedded-opentype'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.woff') format('woff'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.ttf') format('truetype'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.svg#blanch_caps') format('svg');
    font-weight: normal;
    font-style: normal;
}

.title h3 {
    font-family: 'Blanch-Caps';
    text-transform: lowercase;
}

再一次,它在除 Opera 之外的所有其他浏览器中都能正常工作。我正在使用小写转换,因为布兰奇不支持大写字母。

我将不胜感激任何形式的帮助。

谢谢。

4

1 回答 1

1

这是一个已知的 Opera 错误...您只需要添加双引号:

@font-face {
    font-family: "Blanch-Caps";
    ...

更多关于这里的问题:为什么 Opera (11.00) 不显示自定义 (@font-face) 字体?

于 2013-11-26T21:24:27.220 回答