title: CSS fonts rem trick: 62.5% or 6.25%
body: <p>I would like to use font sizing with REM and on internet I found following <a href="https://snook.ca/archives/html_and_css/font-size-with-rem" rel="noreferrer">trick</a>:</p>
  
  <pre><code>html { font-size: 62.5%; } 
  body { font-size: 1.4rem; } /* =14px */
  h1   { font-size: 2.4rem; } /* =24px */
  </code></pre>
  
  <p>due to set <code>font-size: 62.5%;</code> coversion <code>rem &lt;-&gt; px</code> (pixels) is very easy (just divide pixel value by 10).</p>
  
  <p>However I wonder - why not use value <strong>6.25%</strong> - in that case our trick will be look like this:</p>
  
  <pre><code>html { font-size: 6.25%; } 
  body { font-size: 14rem; } /* =14px */
  h1   { font-size: 24rem; } /* =24px */
  </code></pre>
  
  <p>and this approach look to be more direct that for value 62.5% (we can convert rem to px without changing number value) - however I have question - why people "on internet" not use this approach - may be it cause some problems (that I'm not aware)?</p>