title: How we can use @font-face in Less
body: <p>In <a href="http://lesscss.org/" rel="noreferrer">Less</a>, it seems almost impossible to use <code>@font-face</code> selector. Less gives errors when I try to use  </p>
  
  <pre><code>font-family: my_font
  </code></pre>
  
  <p>Here is how I try to use it:</p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
      font-family: my_font;
      src: url('http://contest-bg.net/lg.ttf');
  }
  p {
      font-family: my_font, "Lucida Grande", sans-serif;
  }
  </code></pre>
  
  <p>There is simple escape in Less using <code>~"..."</code> but can't come up with working code.<br>
  Had someone used it successfully?</p>