title: How can I get larger fonts across the board in ExtJS 4.1?
body: <p>I'm by no means an old man, but I find the font sizes overall in Ext JS (using 4.1) too small.</p>
  
  <p>I'd like to change the overall default font size for EVERYTHING -- titles, buttons, grids, trees, form field labels, form fields, etc. and bump it up to about 120% of the default.</p>
  
  <p>What are my best options here?</p>
  
  <p>Creating a custom theme seems like extreme overkill (if that would work at all).</p>
  
  <p>This is my solution now, which is in my main CSS file:</p>
  
  <pre><code>div, span, p, body, a, input, textarea, label {
    font-family: Calibri, Helvetica, Arial !important;
    font-size:    14px !important;
  }
  </code></pre>
  
  <p>However, this feels hackish, and it this does evil things to my Grid column headers and tabs (their chrome doesn't stretch properly). It also makes it harder for situation where I <em>do</em> occasionally want a different font.</p>