7

ace エディターでカーソルの間隔が適切でないという問題をいくつか見てきました。問題は font-spacing に関係しており、どうやら解決策は等幅フォントのみを使用することです。

これは、この問題に関する別のSOの質問です。 ace エディターのカーソルが正しく動作しない

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

Chrome 開発ツールを開いて ace エディターで使用されているフォントを見ると、Bootstrap テンプレートがそのフォントを使用していると表示されます

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

CSSに追加すると

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

カーソルの間隔が間違っているという問題がまだ残っており、不思議なことに、使用されているフォントは、Bootstrap で定義されている「Open Sans」とまったく同じに見えます。

Chrome 開発ツールで開くと、計算されたプロパティが「モノスペース」であると表示されるため、何かが機能しているはずですが、機能していません。ここが本当に奇妙になるところです。

と の両方のフォント エントリを削除する.ace-editorとinput, textarea...、機能する完全に見栄えの良いフォントが得られます。計算されたプロパティに移動すると、font-family が再び「Open Sans」であることが示されます。

したがって、私が答えようとしている質問は、Bootstrap から textarea エントリをキャンセルするときに実際に使用されているフォントをどのように把握できるかということです。または、指定されたときに等幅フォントを受け入れないのはなぜですか。

私は「Open Sans」が等幅である可能性があると多少推測していますが、それが何であれ、依然として大きな頭痛の種となっています.

4

1 に答える 1