問題タブ [kerning]

Andrew 氏によって作成されたこのシンプルだが非常に便利なツール<header>を使用して、カーニング手法を使用したロゴテキストをに実装しようとしている状況があります (特に感謝します)。

変更前は、次の<header>セクションがありましたheader.php。

生成された kerning を使用して、試してみました（コーディングcodeのアプローチが悪い場合は修正してください）：php

理由はよくわかりませんが、結果は Chrome では正常に表示されますが、IE11/Firefox では文字が垂直位置で何らかの形で乱れています。

何かご意見は？

LE: 敬意を表して、提案はソリューションを適切に実装するのに役立たないため、回答の検証を再考する必要があります。Chrome では問題ないように見えますが、IE/Firefox ではカーニング値 (この質問の主な主題) です。効果はありません。

皆さんが気にしないことを願っていますが、この質問を閉じるには、私と将来この問題に対処する他の人々にとって適切な解決策を提供するための回答が必要です. 実装手順を正しく理解していない場合は、実際の例を使用してより具体的な回答を得ることができます.

に実装しようとしている状況があります。これは<header>、カーニング手法を使用したロゴテキストであり、デスク クロス ブラウザーと互換性があります。

アンドリュー氏が作成したこのシンプルだが非常に便利なツール(特別な感謝) から始めて、私は解決策を見つけました。

変更前は、次の<header>セクションがありましたheader.php。

後：

CSS code：

この時点で、カーニング値が IE/Firefox と Chrome で異なって見えることがわかりました。について読んだことがMedia Queryあり、Chrome の値の表示を修正するためにこれを試しました。

結果は、すべてのブラウザー IE11/Firefox38.0.5/Chrome43.0.2357.124 m で正常に表示されます。それでも、Chrome コンソールにエラーはありません。

コーディングの初心者であるため、これはクロスブラウザーのサポートに適したカーニング手法ですか、Media Queryまたは直接/短い方法でまたは他の条件を適用する他の代替手段はありますか? ありがとうございました、

私は SpriteKit を使用しており、SKLabelNode を介してレンダリングされた iOS アプリにタイマーがあり、更新機能で更新されます。カウントが増えると桁が左右に移動するのが嫌だったので、Courier New を使ってみました。Avenir よりもはるかにうまく機能しましたが、一部の桁の幅にはまだ微妙な変動があります。(6 と 9 は、他の数字よりもわずかに広いです。) 私が試したいくつかの異なる実験で、これらの変動が見られました。

• 通常と太字のスタイル
• 大 (65) & 小 (9) フォントサイズ
• Courier New & Menlo フォント
• Xcode シミュレーター & iPod Touch

「どのフォントが均一幅の数字を持っているか」などのクエリを送信しましたが、見つけたすべての回答は「等幅フォントを使用する」とだけでした。( https://graphicdesign.stackexchange.com/questions/13148/which-fonts-have-the-same-width-for-every-characterまたはMonospace Font - Not really Monospace?を参照)

私のコードはとてもシンプルです。次のように、scoreNode を一度セットアップします。

そして、次のようにスコアを更新します。

28 を示すフレームと 29 を示すフレームの一部を重ねた画像を次に示します。ムービーの端が整列し、2 のベースが整列していないことがわかります。

説明はありますか？

等幅フォントを使用しているにもかかわらず、iOS が SKLabelNode にカーニングを適用している可能性はありますか?

freetype 2.6 ライブラリを使用して、一部の .ttf フォントからカーニング情報を抽出しようとしています。

これは、カーニング情報を取得する方法です（文字をループします）：

「Times new roman.ttf」、「Tymes.ttf」、「minion.otf」など、いくつかの異なるフォントでプログラムを試しました。Times new Roman フォントのみ、カーニング情報が正しく抽出されていることをログに記録して確認しました。

問題は、他の 2 つのフォントのカーニングが常に 0 (つまり、FT_HAS_KERNING が false を返し、かつ FT_GetKerning が 0 を返す) である理由を理解できないことです。

カーニング情報が "VA" と "To" のペアに存在することを FontForge で確認しました。したがって、.ttf に保存する必要があります。それにもかかわらず、上記のコードでは、「VA」または「To」のカーニングは常に 0 であるか、FT_HAS_KERNING は false を返します。

ここで不足している freetype オプションまたは設定はありますか? どんな種類の啓発も大歓迎です..

編集：顔のサイズを設定しています

編集: fontforge の「tymes」フォントのカーニング情報:

UILable と UIButton の ios でカスタム フォントのカーニングを使用できますか?

以下の方法は機能しません。カーニングはシステム フォントでは機能しますが、カスタム フォントでは機能しません。誰かが問題の解決を手伝ってくれますか?

パンゴ ライブラリを使用してテキスト レイアウトを実行し、レンダリング用の cairo バックエンドを使用しています。pango_cairo_layout_path メソッドはカーニングを尊重していないようです。

gtk# プロジェクトで提供される pango と cairo の c# バインディングを使用しています。また、gtk# プロジェクトでも提供されている pango-cairo ランタイムを使用しています。

問題を示す画像を次に示します (フォント: Arial)

最初の行は Inkscape レンダリングから、2 行目は pango-cairo から

pango/cairo に既知のバグはありますか?... または、何か間違ったことをしています。

何か回避策をご存知でしょうか...

前もって感謝します

attributed strings文字間の間隔を変更するためにラベルを使用しています：

カーニングは、「fl」と「fi」の 2 つのグループの文字を除いて、うまく機能しています (おそらく、現時点では他に見られなかったものです)。「Avenir-medium」フォントを使用していますが、基本的な Arial フォントでテストしましたが、問題は引き続き発生します。