title: What is the order of linking font, CSS and scripts
body: <p>If I have a website project with:</p>
  
  <ul>
  <li>reset.css</li>
  <li>remote bootstrap lib</li>
  <li>master.css</li>
  <li>remote font awesome CSS</li>
  <li>two google fonts</li>
  <li>JQuery lib</li>
  <li>main.js</li>
  </ul>
  
  <p><strong>Consider the best loading speed and possible override. What would be the best order to link them in <code>&lt;head&gt;</code></strong></p>
  
  <p>I know what is added later will override the same rule with same priority previous style sheets applied and browser rendering from top to bottom, <code>&lt;head&gt;</code> first then <code>&lt;body&gt;</code> </p>
  
  <p>I also learned from google that there is something called prefetch in the modern browsers.</p>
  
  <p>Personally, I would do reset.css, font awesome, google font, bootstrap lib, master.css, Jquery lib, main.js. Universal rules first, lib first. But I don't know exactly how to deal with font since they are stylesheet as well.</p>