問題タブ [monospace]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2017 参照

java - 等幅スイングテキスト

写真を撮って ASCII 表現 (ASCII アート) を作成するプログラムを作成しました。最初は ASCII 文字列をコンソールに書き込んでいましたが、今ではテキストを保持する JLabel を持っています。ただし、JLabel の出力は不規則で、コンソールの出力ほど均一ではありません。コンソール出力に使用するものであるため、等幅フォント (Droid Sans Mono) を JLabel のフォントとして使用してみましたが、出力はまだ不規則です。Swing/JLabel で等幅フォントを指定するより良い方法はありますか?

JLabel を作成するために使用する方法は次のとおりです。

そして、フォントを指定するために使用する行:

編集: JLabel を JTextArea に変更したところ、はるかにうまく機能しました。唯一の問題は、小さなフォントであっても、フレームが通常画面の外にあることです。しかし、サンプルするピクセル数を変更する方法があります。これにより、出力が小さくなります。

0 投票する
2 に答える
2908 参照

css - CSS:CourierフォントがWindowsとiOSで一貫してレンダリングされない

クライアントが使いたい書体は「Courier」です。Courierはすべてのコンピューターやスマートフォンにインストールされているわけではありません。そこにない場合は、「CourierNew」にフォールバックします。「CourierNew」は「Courier」よりも薄い書体であり、さまざまなOSやブラウザ間でページの外観をできるだけ一貫させたいと考えています。そこで、「Courier」がインストールされていない場合は、「CourierNewBold」を使用してみませんか。下の画像を参照してください。

Courierがさまざまなブラウザでどのようにレンダリングされるか この画像を作成した後、私はさらに混乱しました。別のOSでフォント(つまり「CourierNew Bold」)を呼び出す方法を説明するために、cssのfont-family宣言にさらにいくつかのフォント名を追加しました。これは新しい宣言です:

ここで奇妙な部分があります。WindowsXPのChromeでは、テキストは以前と同じように薄くレンダリングされます。そして、それはモバイルサファリでも同じです。

私が疑うのはこれです:Chrome(WinXP)とMobile Safariはどちらも、私が宣言した最初のフォントのみをチェックします。彼らはそれが「宅配便」だと見ています。「Courier」がインストールされていないため、「CourierNew」を提供します。これらは、CSSで宣言した他のフォントを考慮していません。

この長い投稿でごめんなさい。私の問題はこれに要約されます:すべてのOSとブラウザで一貫して「Courier」または「CourierNewBold」としてテキストを表示するにはどうすればよいですか?

ライブの例はここにあります。

更新: CSSについて読ん-webkit-font-smoothing: antialiased;で追加しましたが、これで問題が解決するわけではありません。WindowsとiOSでは、テキストはまだはるかに薄く見えます。

Update2: 2007年のこの投稿では、CourierがiOSでCourier Newとして表示される方法と、それがうまくいかない理由について説明しています。ただし、iOSの新しいバージョンがまだ同じように動作するかどうかはわかりません。

0 投票する
1 に答える
1106 参照

fonts - 幅を維持しながら既存の等幅フォントから太字バージョンを作成する

モノスペース フォントを使用している Web サイトがあります。ただし、文字の幅に関しては、ブラウザーによって大きな違いがあります。フォントの幅がまったく同じであることが不可欠です。

試してみましたが、これはブラウザに依存しており、負の値font-weight: bold;を使用して余分な幅を補うことはできません。letter-space

Type Light 3.2 で独自の新しい派生フォントを作成しようとしましたが、これは非常に難しく、特に曲線の文字では変更が困難です。

後ろに絶対divを置いてテキストを2倍にし、2pxの変更のマージンを設定しようとしましたが、これは非常にうまくいきましたが、これの欠点は、多くのdivが必要であるため、大きなサイズを使用するとIE7とIE8が非常に遅くなることですテキスト。

ttf/eot/woff/svg フォントから太字フォントを派生させる (自動的に推奨される) 別の方法はありますか? たとえば、Java でボールド フォントを作成できることは知っていますが、それを新しいフォント ファイルに保存することはできますか? どんな方法でも私のために行います。

0 投票する
2 に答える
1997 参照

javascript - Monospace フォント - 実際には Monospace ではありませんか?

これは、Gedit (フォントを「Ubuntu mono」から「Monospace」に変更した場合) と Geany でJavaScriptを使用してこれまでに発見したバグのようです。右マージンを 80 文字に設定していますがObjectprototypeや、プログラムによって太字になっているその他のキーワードを入力すると、文字間隔が追加され、間隔がわずかにずれます。

このため、79 文字であると宣言している行Objectがありますが、81.5 文字のようです。誰かがこれを修正する方法について私にアドバイスできますか? テキストエディタの設定ですか?フォント自体の問題ですか?

0 投票する
0 に答える
247 参照

email - テキスト/プレーンモノスペースのコンテンツタイプ?

単純なテキストのブロックよりも少し洗練されたメールを送信したい (表、配置、スタイルなどを追加する)、次のようなもの:

フォント ファミリを text/plain content-type に配置する方法はありますか?

0 投票する
1 に答える
786 参照

ascii - 等幅ASCIIエディタ

ASCIIの「ビルダー」/「テキストエディター」、または通常のテキストエディターとは異なるテキストを誰かが書くことを可能にするものはありますか? アイデアは、等幅フォントを使用して、ある種のテキスト領域にすべてのスペースを入力し、カーソルをテキスト領域の任意の場所に置くと、それが「くっつく」というものです。次のアイデアは、文字を書くたびに、そのスペースにある既存の文字を「食べる」または置き換えるというものです。これは JavaScript で簡単に作成できますが、一部のテキスト エディターの機能のように感じます。私のオプションは何ですか?これは存在しますか?

望まないときにこれが起こるのは嫌いです。

むしろこれ…

0 投票する
1 に答える
1021 参照

java - モノスペースと UTF8

古い Java Swing アプリケーションの 1 つのフォント表示を修正しています。実行時に「 -Dfile.encoding=UTF-8 」オプションを使用した後に変更されました。

FontClass.jar はサンプルの jar ファイルです。

オプション 1 の場合: モノスペース ディスプレイが表示される

オプション 2 の場合: 非モノスペース ディスプレイが表示されます。

制限:

i) -Dfile.encoding=UTF-8 このオプションは、すべてのストリームが UTF-8 サポートをサポートするために追加したものです。各ストリームを手動で変更する代わりに。

ii)私たちは Java スイング フレームワークを多くの場所で使用しています。デフォルトのフォントを使用しています。これをすべて変更するのは大変な作業です。

だから今私の質問は、オプション1でモノスペース表示を取得できるコマンドラインオプションがあるということです:

以下はサンプルコードです。

0 投票する
2 に答える
310 参照

internet-explorer - 奇妙なフォントを使用している Internet Explorer

私がIEで抱えているこの厄介な問題に誰かが光を当てることができることを願っています-それは<PRE>タグの内容を「面白い」フォントでレンダリングします。自分の目で確かめてください: http://imgur.com/LHAtPhh .

( http://www.roryhart.net/code/xckd-np-complete-restaurant-order/のレンダリングから取得したスクリーンショット。)

Web と SO を検索することで、私が見つけたいくつかの関連する回答は、間違ったエンコーディングが検出されたか、壊れたフォントを示しているようです (「\」の代わりに表示されている奇妙なグリフを参照してください)。

エンコーディングも手動で試しましたが、何も変わりません。フォントの問題は、調査する資格がありません。しかし、私が見つけたのは、どういうわけか興味深いフォントが実際にレンダリング用に選択されているということです. IE で開発者ツールに移動し、関連する PRE 要素の Trace Styles 出力を見ると、次のように表示されます。

「Courier 10 Pitch」が何であるかはわかりません...しかし、たとえば「Courier New」で手動でオーバーライドすると、正しくレンダリングが開始されます。

何か案は?東アジア言語パックがインストールされていることが関係しているのでしょうか?

私が持っていたすべての IE バージョン、7 から 10 で再現します。現在、Windows 7 SP1。

0 投票する
1 に答える
1746 参照

android - Android Monospace フォントは固定幅ではありません

タイマー用のカスタム ビューを作成していますが、中央の数字に適切な固定幅フォントを取得できません。関連するコードは次のとおりです(2つの異なる方法から):

これは問題なく動作しているように見えますが、数字の 1 つが 1 に変わるたびに、その 1 が占有するスペースが少なくなり、テキストのチャンク全体が少し移動します。私は等幅フォントを使用しているため、これは明らかに発生すべきではありません。これを修正する方法について誰かが光を当てることができますか?