title: Are @font-face rules are usable in it's defined CSS File or usable in other CSS files and inline CSS codes?
body: <p>I have a bunch of CSS document, that has some <code>@font-face</code> rules, I want to check these <code>@font-face</code> which are used and which are not used in a HTML Document or Website. So, should I check these <code>@font-face</code>s used in it's defined CSS Document or all CSS Documents with inline Style tags in HTML Document?</p>
  
  <p>The question is, this;</p>
  
  <h3>File Name: style.css</h3>
  
  <pre><code>@font-face {
      font-family:'FontAwesome';
      src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
      src:url('../fonts/fontawesome-webfont.eot?#iefix&amp;v=4.7.0') format('embedded-opentype'),
      url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
      url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
      url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
      url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
      font-weight:normal;
      font-style:normal
  }
  
  /* This tag can use the @font-face, because this .any-class rule in same CSS document */
  .any-class {
      font-family: 'FontAwesome',
      font-weight: normal;
  }
  </code></pre>
  
  <h3>File Name: another-style.css</h3>
  
  <pre><code>/* Can this CSS Class use the @font-face in style.css ? */
  .any-other-class {
      font-family: 'FontAwesome',
      font-weight: normal;
  }
  </code></pre>
  
  <h3>File Name: index.html</h3>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
      &lt;style&gt;
          /* Can this .custom-class CSS Selector use @font-face in style.css ? */
          .custom-class {
              font-family: 'FontAwesome',
              font-weight: normal
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;!-- Can this DOM Element use @font-face in style.css? --&gt;
      &lt;p style="font-family: 'FontAwesome'; font-weight: normal;"&gt;Hello!&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>