title: 'font-' vs 'text-' in CSS property names
body: <p>What is the difference between the terms 'text' and 'font' as used in CSS property names? Do they mean the same thing, or is there a semantic difference between a CSS property name starting with <code>font-</code> and one starting with <code>text-</code>?</p>
  
  <p>For example, why do we have these CSS properties:</p>
  
  <pre><code>font-size: 34px;
  text-decoration: underline;
  </code></pre>
  
  <p>instead of them being named like this?</p>
  
  <pre><code>font-size: 34px;
  font-decoration: underline;
  </code></pre>
  
  <p>or like this?</p>
  
  <pre><code>text-size: 34px;
  text-decoration: underline;
  </code></pre>
  
  <p>Is there a semantic difference in the way <code>font-</code> and <code>text-</code> are being used here, or is the choice of prefix completely arbitrary?</p>