title: How to Link to external style sheet in CSS
body: <p><strong>Edited, because the link to the &quot;already answered solution&quot; does not help.</strong><br> See addition at the end of this question</p>
  <h2>Original question</h2>
  <p>I have two links to external style sheets in all my HTML pages. Therefore I want to put them in one external style sheet.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Html Demo&lt;/title&gt;
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;mystyles.css&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot;  href=&quot;https://use.fontawesome.com/releases/v5.7.2/css/all.css&quot; (etc)
  ...
  </code></pre>
  <p>This works fine. <code>Index.Html</code> shows some nice icons:</p>
  <pre><code>&lt;p&gt;
    &lt;i class=&quot;fas fa-fish&quot;&gt;&lt;/i&gt;
    &lt;i class=&quot;fas fa-frog&quot;&gt;&lt;/i&gt;
    &lt;i class=&quot;fas fa-user-ninja vanished&quot;&gt;&lt;/i&gt;
    &lt;i class=&quot;fab fa-facebook&quot;&gt;&lt;/i&gt;
  &lt;/p&gt;
  </code></pre>
  <p>However, I have to add the link to font-awesome to all my HTML pages.<br>
  I thought it would be a good Idea to move the reference to font awesome to <code>MyStyles.css</code>. What is the correct syntax?</p>
  <p>Incorrect MyStyles.Css:</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://use.fontawesome.com/releases/v5.7.2/css/all.css&quot;  (etc)
  
  body {background-color: lightblue;}
  h1 {color: yellow; margin-left: 20px;}
  ... (etc)
  </code></pre>
  <p>What is the correct syntax?</p>
  <h2>Addition</h2>
  <p>This question seems to be <a href="https://stackoverflow.com/questions/147500/is-it-possible-to-include-one-css-file-in-another">already answered here</a> In the answer it says:</p>
  <pre><code>@import url(&quot;base.css&quot;);
  </code></pre>
  <p>I like it that the asnwer is so easy. All I have to do was to move the original link to the CSS.</p>
  <p>The original (functioning) text in <code>index.html</code> was:</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://use.fontawesome.com/releases/v5.7.2/css/all.css&quot; integrity=&quot;sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr&quot; crossorigin=&quot;anonymous&quot;&gt;
  </code></pre>
  <p><strong>Note: after the reference to the imported CSS file are some parameters!</strong></p>
  <p>Several tries in `mystyles.css, similar to the answered question, alas none of them worked:</p>
  <p>(1) Only import the css file. But where to put the extra parameters?</p>
  <pre><code>@import url(&quot;https://use.fontawesome.com/releases/v5.7.2/css/all.css&quot;);
  </code></pre>
  <p>(2) Put everything inside the url statement:</p>
  <pre><code>@import url(&quot;https://use.fontawesome.com/releases/v5.7.2/css/all.css&quot; integrity=&quot;sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr&quot; crossorigin=&quot;anonymous&quot;)
  </code></pre>
  <p>(3) Put the parameters after the closing bracket:</p>
  <pre><code>@import url (&quot;https://use.fontawesome.com/releases/v5.7.2/css/all.css&quot;) integrity=&quot;sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr&quot; crossorigin=&quot;anonymous&quot;
  </code></pre>
  <p>(4) The original import statement in the references answer tries to put it into double quotes, one of the answers here suggests to put it in single quotes:</p>
  <pre><code>@import url ('https://use.fontawesome.com/releases/v5.7.2/css/all.css') integrity=&quot;sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr&quot; crossorigin=&quot;anonymous&quot;
  </code></pre>
  <p>(5) <a href="https://www.w3schools.com/cssref/pr_import_rule.asp" rel="nofollow noreferrer">W3Schools suggests not to use brackets</a> at all:</p>
  <pre><code>@import url &quot;https://use.fontawesome.com/releases/v5.7.2/css/all.css&quot; integrity=&quot;sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr&quot; crossorigin=&quot;anonymous&quot;
  </code></pre>
  <p><strong>So: anybody knows the correct syntax?</strong></p>