title: Responsive html app design to use default device font family and size?
body: <p>I did an extensive search for the best solution to be able to use default device font family and size in html applications but I just could not find any definitive solution. 
  iOs 7 uses Helvetica font, Android 4.x uses Roboto font which supposedly can be got by:
  font-family: sans-serif-light;
  There is a ton of suggestions for using custom fonts but not much on using default fonts and sizes otherwise available in native apps.</p>
  
  <p>This is the css compiled from various suggestions:</p>
  
  <pre><code>html {
      font-family: "Helvetica", sans-serif-light;
      font-weight: lighter;
      font-size: 100%;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
  }
  </code></pre>
  
  <p>Any better ideas?</p>