title: Override font-face definition
body: <p>Supposing that there is a font-face definition in a file which I have no access, is  it possible to override from a global CSS file?</p>
  
  <p>For instance, in one file (non-accesible file) there is the following definition:</p>
  
  <pre><code>@font-face {
      font-family: 'openSans-Bold';
      src: url('OpenSans-Bold-webfont.eot');
      src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
           url('OpenSans-Bold-webfont.woff') format('woff'),
           url('OpenSans-Bold-webfont.ttf') format('truetype'),
           url('OpenSans-Bold-webfont.svg#openSans-Bold') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>I have tried to override as follows in another global file (using the same name):</p>
  
  <pre><code>@font-face {
    font-family: 'openSans-Bold' !important;
    src: local('Arial') !important;
    font-weight: 700 !important;
    font-style: normal !important;
  }
  </code></pre>
  
  <p>But sadly it's not working. </p>