Opera 18不会在页面上加载自定义字体的粗体变体

Question

在我们的网站上，我们有几种字体。 我像这样嵌入

@font-face {
    font-family: "Calibri Light";
    src: url("fonts/calibri/light/calibri-light.eot?") format("eot"),
         url("fonts/calibri/light/calibri-light.woff") format("woff"),
         url("fonts/calibri/light/calibri-light.ttf") format("truetype"),
         url("fonts/calibri/light/calibri-light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Calibri";
    src: url("fonts/calibri/regular/calibri.eot?") format("eot"),
         url("fonts/calibri/regular/calibri.woff") format("woff"),
         url("fonts/calibri/regular/calibri.ttf") format("truetype"),
         url("fonts/calibri/regular/calibri.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Calibri Bold";
    src: url("fonts/calibri/bold/calibri-bold.eot?") format("eot"),
         url("fonts/calibri/bold/calibri-bold.woff") format("woff"),
         url("fonts/calibri/bold/calibri-bold.ttf") format("truetype"),
         url("fonts/calibri/bold/calibri-bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Caviar Dreams";
    src: url("fonts/caviar-dreams/regular/caviar-dreams.eot?") format("eot"),
         url("fonts/caviar-dreams/regular/caviar-dreams.woff") format("woff"),
         url("fonts/caviar-dreams/regular/caviar-dreams.ttf") format("truetype"),
         url("fonts/caviar-dreams/regular/caviar-dreams.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Caviar Dreams Bold";
    src: url("fonts/caviar-dreams/bold/caviar-dreams-bold.eot?") format("eot"),
         url("fonts/caviar-dreams/bold/caviar-dreams-bold.woff") format("woff"),
         url("fonts/caviar-dreams/bold/caviar-dreams-bold.ttf") format("truetype"),
         url("fonts/caviar-dreams/bold/caviar-dreams-bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TeX Gyre Adventor";
    src: url("fonts/tex-gyre-adventor/regular/tex-gyre-adventor.eot?") format("eot"),
         url("fonts/tex-gyre-adventor/regular/tex-gyre-adventor.woff") format("woff"),
         url("fonts/tex-gyre-adventor/regular/tex-gyre-adventor.ttf") format("truetype"),
         url("fonts/tex-gyre-adventor/regular/tex-gyre-adventor.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

问题在于Caviar Dreams Bold未加载。 它只是没有出现在检查器的“ 源”选项卡中（显示了所有其他选项）。 Chrome 32运作良好。 不会引发任何错误或警告。

我使用这样的字体：

#feedback input[type="submit"] {
    text-transform: uppercase;
    font-family: "Caviar Dreams Bold", "Calibri", sans-serif;
    font-variant: small-caps;
}

Opera会使用Calibri字体。

更新1

似乎Calibri Bold也被忽略了。 为什么忽略粗体？

更新2

我没有指定font-weight: bold @font-face查询中的font-weight: bold ，不要感到惊讶：由于某些原因，它不起作用，我必须快速完成工作。 因此，不加载其他font-family这一事实对我来说似乎很有趣。 更有趣的是，正如我们所知，Opera的渲染应该像Blink一样工作。

Answer 1

Caviar Dreams Bold字体是否实际上包含小写字母？ 如果没有，Opera可能会得出结论，找不到请求的glyps，并将回落到Calibri。 如果删除font-variant: small-caps;会发生什么情况font-variant: small-caps; 规则？

编辑：有趣的错误报告，说明为何眨眼不退回到“小型大写综合”（显然是这样）： https : //code.google.com/p/chromium/issues/detail? id = 298970似乎就像从@font-face规则中删除SVG字体一样可以解决问题。