Arialで最も広いグリフは何ですか?


10

divテキストの行をいくつか含むコンテナーを設計しています。すべての行に0〜35文字を含めることができます。

divの固定幅を指定する必要がありますが、文字列の「幅」がどのくらいあるかを予測できません。

文字列の例(すべて35文字):

  • aeR1riPhah9chaicaegae7oobaiz8eiquoL
  • iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
  • da da da 35文字のテキストでCApital

ご覧のとおり、グリフ「i」はグリフ「L」よりも幅が狭くなっています。

考えられる解決策は、Monospacedフォントを使用することですが、スタイルの制約によっては、Arial(または同等のフォント)を使用する必要があります。

最大のグリフを含む文字列を考慮してコンテナのサイズを設定するという考えですが、特にすべてのUTF文字を考慮する場合、最大のグリフが何であるかはわかりません。


それはWです。自分で試してみることもできますが、誰かがすでにあなたのために作業を行っていました:-)これを参照してください-stackoverflow.com/questions/3949422/…しかし、個人的には、ほぼ間違いなく最大のキャラクターを中心に設計しません35 Wのスペースを確保する場合は、一般的に幅が広くなりすぎます
Roger Attrill、


5
ターゲットユーザーを検討します。彼らは現実的にアラビア文字を使用する予定ですか、それともユーザーの99.9%が99.9%の時間のラテン文字を使用するでしょうか?最大幅のキャラクターを35回続けて収容することを計画している場合は、エッジケースの可能性が低いために、残りのデザインに影響を与える可能性があります。幅を推測するためにレンダリング関数で正規表現を実行した方がよい場合があります。検出された非ラテン文字が多すぎる場合は、追加のCSSクラスを適用して、その特定の行のフォントサイズを小さくします。
Farray

1
Farrayのポイントに加えて、█は通常、典型的な広い文字幅を与えます。または、M幅は古典的な測定単位です(したがってem)。厳密には幅が広いわけではありませんが、文字列内の平均的な文字がこれよりも幅が広い場合は、奇妙なことが起こります。overflow: autoこのような非常に奇妙なケースをカバーする必要があります。
user56reinstatemonica8 2012

1
𒈙とalsoもかなり長いグリフです
phuclv 2018

回答:


8

ただ一つ言うこと:

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

[編集]更新-OK-いくつかのより広い文字があることを認めます:؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁؁ ؁


非常に高く評価!wWwwW

-1。これは基本的なラテン語にも当てはまりますが、質問では「最大のグリフ」と「特にすべてのUTF文字を考慮する場合」が具体的に述べられています。
e100 2011

@ e100。はい-あなたは絶対に正しいです。私は今あなたの前に戻っています-私は私の投票を取り戻すことができますか?:-)
ロジャーAttrill

1
セサミストリートの初期から「ワンダ・ザ・ウィッチ」のスキットを見ているような気がします。:)
ローレン-クリア-モニカ-イプサム

8

﷽。賞品をもらえますか?(30文字に達するテキスト)


1
それはワルなグリフです:)
Rdpi

現在、チェックするコンピューターにアクセスできませんが、Arialでグリフが利用できないことを強く疑います。Arial Unicode MS(これは別のフォントです)でしか利用できないのですか?
Janus Bahsジャケット2015

5

まだチェックしていますが、ラテン文字のセットでは、

DŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽ

かなり幅広に見えます。

またはあります

‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱

または、おそらく&#xfdfa "ARABIC LIGATURE SALLALLAHOU ALAYHE WASALLAM"(ここで使用されているTahomaではレンダリングされないようです):

ﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺ

明らかにこれらは極端な例であり、誰もこれらを入力することはほとんどありませんが、それは上記のFarrayのポイントを強調しています:聴衆のケースの大部分をカバーする妥協点を見つける必要がありますが、必ずしも考えられるものは何でもない場合があります。


1

簡単௵௵௵௵௵௵௵agar.ioというゲームでこれを見つけた


それはこれまでで最も奇妙なグリフです:)
Rdpi

多くのタミル語とインド語の文字には、かなり長い文字が含まれていますஹ௸௵꧄とビルマ文字ဪ
phuclv

0

通常、emダッシュはすべての書体で最も広いグリフです。イタリック体のfは、アセンダーとディセンダーのスペースに伸びる珍しいグリフであり、あらゆる書体の中で最も高いものの1つになっています。

便利な実用的な方法は、小文字のaからzで構成される「アルファベット」です。通常の書体の長さは約13 emです。書体のアルファベットが少ない場合、それは狭小節の段落の作成に適した圧縮書体です。読みやすい行の長さは、アルファベットの1-1 / 2から2-1 / 2の範囲です。

emは、書体の垂直方向の高さに相当する水平方向の距離です。24 pt書体のemスペースは24 ptsの長さです。書体に比例し、サイズごとに異なります。


これはタイプフェイスの素朴な見方であり、現代のフォントには適用されません。現代のフォントでは、fのアセンダーよりも高いアクセントのある大文字が存在することはほぼ一般的であり、特に合字や他の場所で指摘された、‱のような文字(1万記号あたり、経済学では「基礎点」というニックネームで呼ばれます)。
thomasrutter 2013

1
@ thomasrutter。有罪。上記のすべてのコンテキストで使用されることを意味します。網羅的または完全であることも意味しません。すべては「通常」の序文(額装)でした。私は何かを間違って矛盾していたことを見ることができません。また、私が使用した推奨される代替方法にも注意してください。平手打ちありがとうございます。
2013

@ thomasrutter。問題は、Arialで最も広いグリフに対するものでした。OPとは関係のないアクセントの高さのすべてのものに感謝します。グリフがアセンダー、ボディ、ディセンダーの各ゾーンに拡張される珍しい品質を、ちょっとした雑学として述べました。他にもたくさん知っていますか?他に知っていますか?ささいな雑学に異議を唱える資格を持つディセンダーがいるキャップはいくつありますか?
スタン

3
わかりました、変です。コメントの意味がわかりません。あなたはアクセントの高さをもたらした人でしたが、私はあなたがそれについて間違っていたと指摘しましたが、アクセントの高さはそれが無関係であるので私を批判したのですか?また、あなたはArialのemダッシュである最も広い文字について間違っていましたが、それ他のいくつかのフォントでは正しいかもしれないので、あなたの答えを守っています(ヒント:それは通常正しくありません、そしてとにかくこの質問はArialについてでした) )。私はあなたがそれらのコメントから何を得る必要があるのか​​分かりません。
thomasrutter 2013
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.