title: Preload font HTML5, JS, Kinetic.js?
body: <p>I have a custom font (<code>*.ttf</code>), that I am using to write text on the HTML canvas using Kinetic.js.</p>
  
  <p>Unfortunately, on the first loading of the page it is not using my custom font, when reloading the page all is good.</p>
  
  <p>Can I preload the font somehow?</p>
  
  <p>I have tried this, but still not working:</p>
  
  <pre><code>&lt;link rel="prefetch" href="resource/font/IDAutomationHC39M.ttf"&gt;
  </code></pre>
  
  <p>Can I tell Kinetic.js to preload it somehow?</p>
  
  <p>The font is defined in my CSS like this:</p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
      font-family: "Barcode";
      src: url(../font/IDAutomationHC39M.ttf);
  }
  </code></pre>
  
  <p>Thanks in advance for your support!</p>