title: ACE editor font style over ride by my existing font styles
body: <p>I'm using ACE editor. .ace_editor font style is </p>
  
  <pre><code>.ace_editor {
      direction: ltr; 
      font: 12px 'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace;
  } 
  </code></pre>
  
  <p>That font is overridden by my existing font-family:</p>
  
  <pre><code>*, *:before, *:after {
       font-family: "Open Sans",sans-serif !important;
  }
  </code></pre>
  
  <p>So the cursor works like <code>This is text           |</code> . How can i solve this?</p>