title: change tinymce font family menu's font size
body: <p>I've checked this: <a href="https://stackoverflow.com/questions/14115747/tinymce-increase-font-family-dropdown-font-sizes">TinyMCE increase font family dropdown font sizes</a> but my question is a little bit different. I want the font size to be changed <strong>dynamically</strong>, when a tinyMCE instance is instantiated on a specific textarea.</p>
  
  <p>So I made a CSS file saying this: </p>
  
  <pre><code>.mceMenu span.mceText,.mceMenu .mcePreview {
      font-size: 14px !important;
  }
  </code></pre>
  
  <p>And added it at runtime like this:</p>
  
  <pre><code>tinyMCE.settings['content_css'] = "css/tinymcearabic.css";
  tinyMCE.execCommand("mceAddControl", false, myel_id);
  </code></pre>
  
  <p>I have checked and the path is correct. But it didn't seem to make a difference. </p>
  
  <h2>Edit</h2>
  
  <p>If I add the CSS directly onto the page that I'm using TinyMCE, then the font does get bigger, but I can't keep it that way because the menu depends on the event that triggered it.</p>
  
  <p>So I then tried to edit it dynamically using this:</p>
  
  <pre><code>$('.mceText').css('font-size','20px');
  </code></pre>
  
  <p>Again no use.
  Here's a fiddle: <a href="http://fiddle.tinymce.com/EBcaab" rel="nofollow noreferrer">http://fiddle.tinymce.com/EBcaab</a></p>
  
  <p>Any ideas? </p>
  
  <h2>Edit 2</h2>
  
  <p>The effect that I'm looking for is easy to get on the fiddle above if this is hard coded into the code:</p>
  
  <pre><code>&lt;style&gt;
  .mceMenu span.mceText,.mceMenu .mcePreview {
      font-size: 14px !important;
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>The only problem is that's a static solution while I need to get this effect dynamically.</p>