title: Dynamically added font face not working
body: <pre><code>fontFaceString = "@font-face {font-family: 'Lobster';font-style: normal;font-weight: normal;src:url('../../fonts/new_fonts/LOBSTER/Lobster-regular.ttf');}";
  
  var newStyle = document.createElement('style');
  newStyle.appendChild(document.createTextNode(fontFaceString));
  document.head.appendChild(newStyle);
  </code></pre>
  
  <p>I have to add multiple fonts dynamically. I am just trying to add one font with above snippet, It's getting added to style tag but not rendering properly.</p>