問題タブ [monospace]

次のようにフォントを変更して、SF の等幅数字フォントを使用して、テキスト フィールドに整数を表示したいと考えました。

しかし、テキスト フィールドのテキストを 60 Hz の周波数に設定すると、次のようになります。

テキストの幅は、同じ桁数に対して明らかに一定ではないため、テキストフィールドは下の画像の「先頭」と「末尾」に制限されているため、すべてぎくしゃくしています。 これはなぜですか？また、どのように修正すればよいですか？

「Menlo」のような別の真の等幅フォントは、正しく動作しています。

ではnormalize.css、モノスペース フォント規則に次の内容が含まれています。

これは違うのか

?

使う理由があるはずです。たぶん、一部のブラウザの動作の回避策ですか?

カスタム フォントを使用するときに、IOS アプリで数値を強制的にモノスペースにすることができるようになったと思いました。例を見つけてコンパイルするコードを使用しましたが、数値の間隔はまだ比例しています。誰かがこれを機能させましたか?もしそうなら、私は何を間違っていますか?!

これが私のコードです：

私のカスタム フォントは正常にレンダリングされますが、まだ数字の間隔を制御することはできません。どんな提案でも大歓迎です！

デフォルトで可変幅の数値グリフを持つカスタム フォントがあり、Android でフォントのモノスペースの表形式の数値機能を使用してTextView、数値が垂直方向に整列するようにしたいと考えています。

つまり、次のように変更します。

このようなものに：

私は ace9 エディターで作業していますが、元々はすべて完璧でしたが、先週からエディターが Google Chrome で正しく動作していないことに気付きました。Firefox または IE は問題ありませんが、Chrome では動作しません。問題は等幅フォントに関連していますが、問題を 1 つの例に切り分けようとしていますが、まだ修正できていません。

Ace9 で、requireJS なしで src フォルダーを使用しています

https://ace.c9.io/#nav=about

誰かがそれを修正する方法を見ることができれば、これが私のコードです。

JS

HTML

残念ながら、必要なすべての ace ファイルをアップロードできないため、jsfiddle を作成できません。

どんな助けでも大歓迎ですありがとう