title: Unable to change the WordPress tinymce editor font
body: <p>I'm currently trying to change the WordPress tinymce editor font but it's not working.</p>
  
  <p>First I've created a <code>tinymce-custom-editor.css</code> with the following content:</p>
  
  <pre><code>@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
  
  * {
      font-family: "Open Sans", Arial, sans-serif !important;
  }
  </code></pre>
  
  <p>After saving and uploading I've included it in my themes <code>functions.php</code> file this way:</p>
  
  <pre><code>/**
   * Add editor styles
   */
  add_action( 'after_setup_theme', 'add_custom_editor_style' );
  function add_custom_editor_style() {
      add_editor_style( get_stylesheet_directory_uri() . '/css/tinymce-custom-editor.css' );
  }
  </code></pre>
  
  <p>I'm getting no error that the file can't be found so I expect that it's getting included successfully. When I delete the cache and reload the page, the font is still the wrong one:</p>
  
  <pre><code>font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/gZEa2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gZEa2.png" alt="enter image description here"></a></p>
  
  <p>It must looks like this here:</p>
  
  <p><a href="https://i.stack.imgur.com/ZThKM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZThKM.png" alt="enter image description here"></a></p>
  
  <p>What I'm doing wrong here?</p>