Aceエディタのモノスペースフォントでカーソルの間隔に問題が発生する

Question

カーソルがエースエディタで不適切に配置されているという問題があります。問題はフォントの間隔と関係があり、解決策はモノスペースのフォントのみを使用することです。

これは別の問題です。 ace editor cursor behaves incorrectly

私の問題は、ブートストラップテーマの使用と関係している可能性がありますが、私は完全にはわかりません。

私はクロームのdevのツールを開き、エースエディタで使用するフォントを見て、それは私が私のCSSに追加した場合、私のブートストラップ・テンプレート、フォント

input, textarea, input[type="submit"]:focus, div { 
    outline: 0 none; 
    font-family: 'Open Sans', sans-serif; 
} 

を使用していることを述べている

.ace-editor { 
    font-family: monospace !important; 
} 

私はまだカーソルのスペースが間違っているという問題を抱えています。不思議なことに、使用されているフォントは、ブートストラップで定義されている「Open Sans」とまったく同じように見えます。

Chrome Devツールを開くと、計算されたプロパティは 'モノスペース'なので、何かが動作するはずですが、そうではありません。ここが本当に奇妙なところです。

.ace-editorとinput, textarea...の両方のフォントエントリを削除しても、うまくいくフォントが得られます。 計算されたプロパティに行くと、再び 'Open Sans'になるフォントファミリが表示されます。

私が答えようとしている質問は、ブートストラップからテキストエリアのエントリを取り消すときに実際にどのフォントが使用されているかを調べる方法です。あるいは、モノスペースフォントが指定されているときにこれを受け入れないのはなぜですか？

「オープンサン」はモノスペースであるかもしれないと思っていますが、それはまだ大きな頭痛を引き起こしています。

Answer 1

この問題は、ブートストラップルールに含まれているdivによって引き起こされます。 これは広すぎて、エースの文字幅の測定値を破ります。 追加できるのは、回避策として、

.ace_editor div { 
    font: inherit!important 
} 

です。あなたのブートストラップテンプレートの作成者にも問題を報告すると良いでしょう。