title: Resposive font in websites
body: <p>I want to make font responsive to browse width change, I make like this</p>
  
  <pre><code>&lt;div&gt;
     &lt;h1&gt;hello world  &lt;/h1&gt;
  &lt;/div&gt;
  
  div{
  width:50px%;
  min-heigth:300px;
  border:1px solid black;
  font-size:120%;
  }
  h1{ 
      font-size:6em;
  }
  </code></pre>
  
  <p>here's an exmple on 
  <a href="http://jsfiddle.net/wZmAc/" rel="nofollow">http://jsfiddle.net/wZmAc/</a></p>
  
  <p>The font doesn't respond! Can somebody help!</p>