title: Foundation 5: Changing font-sizes and font inheritance for content formatting
body: <p>I've been looking at the code and documentation but I can't seem to be able to figure this out. Most content tags have a hard-coded font size to 1rem, which makes font size inheritance impossible.</p>
  
  <p>This is the default CSS for Foundation:
  <a href="https://github.com/zurb/bower-foundation/blob/master/css/foundation.css#L3481" rel="nofollow">https://github.com/zurb/bower-foundation/blob/master/css/foundation.css#L3481</a></p>
  
  <pre><code>/* Default paragraph styles */
  p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility; }
  </code></pre>
  
  <p>In an ideal scenario, if you set a container to have a font size of 20px, all content should inherit it and keep working from there - this should include paragraphs, lists, quotes, and the headings should use this as a base size.</p>
  
  <p>This doesn't happen on Foundation, please see the following code snippet on JS Bin.</p>
  
  <p><a href="http://jsbin.com/muqij/1" rel="nofollow">http://jsbin.com/muqij/1</a></p>
  
  <p>The only way I've managed to make this work is by re-styling the font sizes to em and changing the container's size.</p>
  
  <p>I would like to believe I'm missing something here.</p>