ACE编辑器字体样式由我现有的字体样式覆盖

Question

使用ACE编辑器。 .ace编辑器的字体样式是

.ace_editor {
    direction: ltr; 
    font: 12px 'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace;
} 

该字体被我现有的font-family覆盖：

*, *:before, *:after {
     font-family: "Open Sans",sans-serif !important;
}

所以光标就像This is text |一样。我该如何解决这个问题？

Answer 1

不要使用*, *:before, *:after {font-family:...}。您可以使用body {font-family:...}代替。 但是，如果您无法使用*选择器更改该规则，请添加

.ace_editor{
   font-family:'Monaco','Menlo','Ubuntu Mono','Consolas',
       'source-code-pro',monospace !important;
} 

Answer 2

 body {
    font-family: "Open Sans",sans-serif;
 }

这只是为我修好了。