title: Opera 18 doesn't load bold variants of custom fonts on the page
body: <p>On our site we have a few fonts. I embed them like this</p>
  
  <pre class="lang-css prettyprint-override"><code>@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;
  }
  </code></pre>
  
  <p>The problem is that the <code>Caviar Dreams Bold</code> doesn't load. It just doesn't appear in the <strong>Sources</strong> tab in the Inspector (all others are shown). Chrome 32 works well. No errors or warnings are thrown.</p>
  
  <p>I use the font like this:</p>
  
  <pre class="lang-css prettyprint-override"><code>#feedback input[type="submit"] {
      text-transform: uppercase;
      font-family: "Caviar Dreams Bold", "Calibri", sans-serif;
      font-variant: small-caps;
  }
  </code></pre>
  
  <p>The Calibri font is used by Opera instead.</p>
  
  <h2>Update 1</h2>
  
  <p>It seems that <code>Calibri Bold</code> is ignored too. Why are the bold fonts ignored?</p>
  
  <h2>Update 2</h2>
  
  <p>Don't be surprised that I don't specify <code>font-weight: bold</code> in the <code>@font-face</code> queries: for some reasons it didn't work and I had to do my job fast. So that fact that different <code>font-family</code> doesn't being load seems very interesting to me. And it's more interesting that as we know that Opera's rendering should work as Blink do. </p>