問題タブ [kerning]

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 に答える
197 参照

fonts - 各フォント文字には独自のカーニング テーブルが必要ですか?

フォントを保存するためのファイル形式を設計しています。これは、画面に ASCII テキストを描画する必要があるゲームで使用されます。最初は、フォント内のすべての文字に対して個別のカーニング テーブルを保持する必要があると考えていましたが、調査の結果、ゲームで使用される多くのフォント ファイル形式にはカーニング テーブルがまったくないことがわかりました (たとえば、Arma の FXY フォントhttps ://community.bistudio.com/wiki/FXY_File_Format )、次の文字を描画する場所を決定するために、文字ごとに 1 つのオフセットを使用するだけです。単純な ASCII テキストにはこれで十分ですか?欠点/制限はありますか?

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

css - IE10、IE11 で webfont のカーニングが正しくない

カスタム作成された Web フォントを使用するクライアントのプロジェクトに取り組んでいます。次のスタイルを実装すると、Web フォントは Chrome、Safari、Firefox、Opera で正しいカーニングで表示されます。

IE10/IE11 では、上記のスタイルの有無にかかわらず、フォントは正しいカーニングで表示されません。さまざまなオプションを試しましたが、成功しませんでした。MDN によると、font-feature-settings プロパティは IE10+ でサポートされています。実際、調べてみると、font-feature-settings: kern -- が適用されていることがわかりますが、カーニングに変更はありません。任意の提案をいただければ幸いです、ありがとう。

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

ios - Xamarin を使用して iOS の NavigationBar のタイトル カーニング値を変更する方法

NavigationBar のタイトル テキストのカーニングを調整しようとしています。カスタムUIStringAttributesを NavigationBar タイトルに割り当てることまではできました。フォントと文字色の設定は問題ないように見えますが、カーニング調整を入力すると、入力した値に関係なく何も起こりません。

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

c# - カスタム リッチテキスト ボックス コントロールのカーニングの問題

さて、私はしばらくの間何かに取り組んでいて、テキスト レンダリングの部分を計画するところまで来ました。

テキストの文字列を 2 つの方法で描画できます。DrawString と TextRenderer.DrawText。TextRenderer.Measure text を使用すると、テキストの測定がより正確になるため、DrawText を好みます。

私はクラスを持っています:

そして、押されたすべての文字のリスト:

今私の問題は、実行時に、選択した特定の文字または単語に別のフォントと色、太字または斜体を設定できる必要があることです。そのため、文字列全体を描画することはできません。ユーザーが変更するために選択した各文字に個別のフォント設定を設定する方法がないためです。

したがって、文字ごとに異なるフォントスタイル情報を保存し、それらをすべてリストに追加して、それぞれを調べて、描画する必要があるように描画できるようにする必要があります(つまり、各文字には独自のスタイルがあります) .

このソリューションは私にとってはうまくいきます。そして、これに関する情報を何ヶ月もどこにも見つけることができなかったので、完全に立ち往生しています.

私の主な問題は、文字ごとに描画しているため、各文字が以前に描画された文字 (カーニング) からどれだけ離れているべきかがわからないことです。

入力 (テキスト ボックス) コントロールの場合、テキストをカスタム描画し、ユーザーが単語の一部を青色にし、単語の残りの半分を別のサイズ、色、スタイルにすることができるようにするにはどうすればよいでしょうか。カーニング設定?

各キャラクターをどこに描くべきかをどうやって知るのですか?

人々は、文字列全体を一度に再起動し続けると言っています。しかし、それは私の最初の問題を解決しません。フォント情報を保存できるように、各文字を 1 つずつ描画できるようにする必要があります。

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

css - 大きな数の CSS カーニング

州では、多数の数字が,数千の間でフォーマットされていることを理解しています$1,000,000.00。南アフリカでは、a,は非標準であり、. の代わりに小数点として使用できます.

$1000000.00読むのが恐ろしいものを書きます。典型的な解決策は、少しの空白を使用することです: $1 000 000.00.

その解決策の問題は、それがまだひどいように見えることです。

特定の DOM 要素で値が通貨形式であると仮定した場合 (つまり、数字が.002 つのゼロであっても接尾辞が付けられている場合)、理想的な解決策は、CSS を使用して最後の n 番目の文字ごとのカーニングを何らかの方法で操作することです。私はJavaScriptを使用しないことを強く好みますが、おそらくそれは不可能です...

このようなことは可能ですか?最善の解決策は何ですか?

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

fonts - PhantomJS フォントのカーニングの問題

特定のフォントの文字間隔はほとんど対称ではなく、場合によっては隙間がまったくないことさえあります。サーバーは「CentOS Linuxリリース7.0」です(古いサーバーバージョンがあり、このバージョンはより良い結果をもたらしますが、それでも良い結果ではありません)phantomjsバージョンは1.9.8です私が使用するhtmlは

サーバーにさまざまなフォントをさまざまな形式で手動でインストールしようとしましたが、役に立ちませんでした。svg 形式はコピー ペーストが可能であり、ファイル サイズが大きすぎるため、受け入れられません。

ハイライト付きのアリエル

アリエル - ハイライト

ハイライトなしのアリエル

アリエル

ハイライトのない時間

タイムズ

私の代替手段は何ですか?

ありがとう。

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

javascript - 同じ単語内の文字間の文字間隔を変えることはできますか? これは CSS だけで実現できますか?

私はいくつかの調査を行い、文字間隔の CSS プロパティを認識していますが、同じ単語内に異なる文字を異なる間隔で配置することは可能ですか?

レイヤーをスキップしないので、2 文字ごとにスパン タグを使用してこれを達成することはできませんでした。

私が探している機能は次のようなものですが、それが可能かどうかはわかりません。

フィードバックをいただければ幸いです。

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

java - JTextField で文字を配布するにはどうすればよいですか

次のように JTextField に文字列を配布することは可能ですか: (青いテキスト フィールドの「bruno」)。

JTextField は、列の最大値として等間隔の多数の位置に自動的に分割されます。
ここに画像の説明を入力

フォント トラッキングが機能しない理由を説明するために、次のコードを記述します。