title: Stylish custom font
body: <p>I'm working on a style to change font to a custom one for a project. the code seems to work in the editing window but real sites doesn't seem to work. I think its falling back on a system default. How do I get around this? I'm using chrome if that matters.</p>
  
  <pre><code>@font-face {
              font-family: 'wantedfont';
              font-style: normal;
              font-weight: 400;
              src: local('wantedfont'),url(http://hazel-is.me/times_new_ancient.ttf);
  }
  
  *{
  cursor: url(http://puu.sh/hoJq2/46859bf607.gif), progress;
  font-family: wantedfont !important;
  }
  </code></pre>