Recursive: 異なるフォントサイズでエックスハイトは同じではありませんか?

作成日 2020年11月17日  ·  6コメント  ·  ソース: arrowtype/recursive

問題
エックスハイトはフォントサイズによって変化するようです。 x-heightは、フォントサイズ14よりもフォントサイズ15の方が明らかに小さくなっています。違いを示すためにスクリーンショットを添付しました。

期待される動作
x-heightはフォントサイズに基づいて変更されるべきではないと思いますか? 私はフォントデザイナーではないのでわかりません。

スクリーンショット

フォントサイズ14:
linear_14

フォントサイズ15:
linear_15

文字「e」と「n」は、フォントサイズ15よりもフォントサイズ14の方が背が高いように見えます。

再現するには
動作を再現する手順:
Visual Studio Codeなどのエディターを開き、フォントサイズを14から15に変更します。キャメルケースの文字のエックスハイトを比較します。

環境(以下の情報を入力してください):

  • OS:macOS Big Sur 11.0.1
  • エディター:VS Code&Android Studio
  • フォント:Rec Mono Linear

全てのコメント6件

他のフォントでもこれに気づいたと言いたいだけです。 したがって、それは一般的なエディタまたはmacOSの「問題」である可能性があります。 Recursiveフォントに固有のものではないと思います。

これがSFモノの場合です:

サイズ14:
sf_14

サイズ15:
sf_15

フォントサイズ15の小文字は、大文字に比べて短く見えます。 そして、アセンダーも少し長いです。

そしてJetbrainsMonoの場合

サイズ14:
jet_mono_14

サイズ15:
jet_mono_15

ここでは、実際にはその逆です。 フォントサイズ14の小文字は、大文字に比べて少し短く見えます。 そして、アセンダーも少し長いです。

@arrowtype、これを説明してもらえますか? これは私には本当に奇妙に思えます。

ねえ@maxvons 、スクリーンショットと詳細をありがとう!

いい目! これは_hinting_の結果であり、テキストレンダラーがタイプの比率を調整して、画面上のピクセルによりよくフィットし、明瞭さを維持します。 14pxと15pxの差は小さすぎて、多くの画面でピクセル単位で適切に表示できないため、システムは、エックスハイトとキャップハイトのような正確な関係を維持することよりも読みやすさを優先します。

システムとフォントが異なれば、ヒントの処理も異なります。 これはそれを説明する素晴らしい記事です:

https://www.typotheque.com/articles/hinting

わかりました! 説明してくれてありがとう。 それが自分のシステムに関係しているのかどうか疑問に思っていました。 しかし、それはそれをうまくクリアします。 再度、感謝します! 😁

これを考慮して、このフォントで使用することをお勧めする特定のフォントサイズはありますか? @arrowtype

推奨サイズ

質問してくれてありがとう、でも本当は! 画面、表示距離、および現在のタスクに快適なものを使用することをお勧めします。

使用法に関する私の推奨事項は、プロジェクトReadmeにあり、主にUIタイポグラフィまたはその他のビジュアルデザインでの使用法に関するものです。

ただし、ほとんどの場合、特定のインスタンス(たとえば、CASL = 0または1、0.5ではなく)を使用することをお勧めします。これを大規模に使用して、人々が実際に詳細を確認できる場合は、おそらく24px以上です。

また、これは小さいサイズで使用するために間隔が空けられているため、表示テキストでその効果が必要でない限り、より表示固有のフォントまたは光学サイズ(opsz)軸を持つフォントを使用する場合があります。 恥知らずなプラグ:1つの素晴らしいオプションはNameSansです。 まったく異なるが、opsz軸を備えた素晴らしいオープンソースフォントはFrauncesです。

推奨サイズ

質問してくれてありがとう、でも本当は! 画面、表示距離、および現在のタスクに快適なものを使用することをお勧めします。

使用法に関する私の推奨事項は、プロジェクトReadmeにあり、主にUIタイポグラフィまたはその他のビジュアルデザインでの使用法に関するものです。

ただし、ほとんどの場合、特定のインスタンス(たとえば、CASL = 0または1、0.5ではなく)を使用することをお勧めします。これを大規模に使用して、人々が実際に詳細を確認できる場合は、おそらく24px以上です。

また、これは小さいサイズで使用するために間隔が空けられているため、表示テキストでその効果が必要でない限り、より表示固有のフォントまたは光学サイズ(opsz)軸を持つフォントを使用する場合があります。 恥知らずなプラグ:1つの素晴らしいオプションはNameSansです。 まったく異なるが、opsz軸を備えた素晴らしいオープンソースフォントはFrauncesです。

わかった、なるほど! 私はエディターに少し大きいテキストを好むので、16pxを使用します。 名前サンズは本当に素敵に見えます。 将来のプロジェクトのためにそのようなものが必要な場合は、間違いなくそれを覚えておいてください! 😁

このページは役に立ちましたか?
0 / 5 - 0 評価