| PeaPort Description Series_2 | ||||
| ブラウザによって異なる半角スペースの幅について | ||||
| 〜 ２つの英小文字ｌ（エル）の間にスペースを１０個入れた文字列長さ比較 〜 | ||||
|
「エクセルからＨＴＭＬへ」により半角スペースを変換すると、半角スペースは で表現されます。これを用いないで半角スペースのままや で代替すると、先頭にあるスペースは無視され、文字の間にある連続した複数のスペースはひとつのみと表示されます。よって、そのような問題の生じない で代替することが一般的に行われています。 ところが、ブラウザによっては半角スペースと の表示幅が異なっていて変換後の文字列の長さ（ピクセル数）がエクセルと合わない場合があるので検討することとしました。 ブラウザによる １０個の表示幅を下表に示します。黒色はエクセル、赤はＨＴＭＬ変換後のインターネット・エクスプローラー（ＩＥ）による、青は同様にグーグル・クローム（ＧＣ）による表示幅を表しています。 |
||||
| エクセルのまま | 同じエクセルにＩＥを重ねた | 同じエクセルにＧＣを重ねた | ||
| 字体 ＼ ポイント | サイズ ２０ |
 |
 |
|
| 1 | ＭＳ ゴシック | l l | ||
| 2 | ＭＳ Ｐゴシック | l l | ||
| 3 | ＭＳ 明朝 | l l | ||
| 4 | ＭＳ Ｐ明朝 | l l | ||
| 5 | HGｺﾞｼｯｸM | l l | ||
| 6 | HGｺﾞｼｯｸE | l l | ||
| 7 | HGPｺﾞｼｯｸM | l l | ||
| 8 | HGPｺﾞｼｯｸE | l l | ||
| 9 | HGSｺﾞｼｯｸM | l l | ||
| 10 | HGSｺﾞｼｯｸE | l l | ||
| 11 | HG明朝B | l l | ||
| 12 | HG明朝E | l l | ||
| 13 | HGP明朝B | l l | ||
| 14 | HGP明朝E | l l | ||
| 15 | HG教科書体 | l l | ||
| 16 | HGP教科書体 | l l | ||
| 17 | HGS教科書体 | l l | ||
| 18 | HG行書体 | l l | ||
| 19 | HGP行書体 | l l | ||
| 20 | HGS教科書体 | l l | ||
| 21 | HG創英ﾌﾟﾚｾﾞﾝｽEB | l l | ||
| 22 | HGP創英ﾌﾟﾚｾﾞﾝｽEB | l l | ||
| 23 | HGS創英ﾌﾟﾚｾﾞﾝｽEB | l l | ||
| 24 | HG創英角ｺﾞｼｯｸUB | l l | ||
| 25 | HGP創英角ｺﾞｼｯｸUB | l l | ||
| 26 | HGS創英角ｺﾞｼｯｸUB | l l | ||
| 27 | HG創英角ﾎﾟｯﾌﾟ体 | l l | ||
| 28 | HGP創英角ﾎﾟｯﾌﾟ体 | l l | ||
| 29 | HGS創英角ﾎﾟｯﾌﾟ体 | l l | ||
| 考察 | ||||
|
ＧＣはエクセルと良い一致を示しています。 ＩＥはフォントによって広くなったり狭くなったりしており傾向を掴むことができません。 |
||||
| （上表では、フォントのサイズによってこの傾向が変わることはなかったので、視覚的な分かりやすさを考えて比較的大きな２０ポイントのものを示しました。） | ||||
| [2014/10/03] PeaPort | ||||
| トップページへ戻る | ||||
|
|
|
|||