www.rtpro.yamaha.co.jpのFAQ
テキストで書かれた図(構成図等)が崩れて意味がわからない!
最終変更日 | 2018/Nov/06 |
文書サイズ | 8.4KB |
テキストで書かれた図(構成図等)が崩れて意味がわからない!
[ テキスト文字による図表現 ]
HTMLでは、<pre>〜</pre>を使用することにより、 等幅フォント(固定ピッチフォント) が使用されることになっています。
ホームページのHTMLドキュメントは、画像を使わず、テキスト文字により
図を表現しております。通常、HTMLの記法として、<pre>〜</pre>や
半角文字や全角文字(の空白文字)を駆使することにより、
位置ズレの起きないように調整しています。
等幅フォントを使いならがも、Windowsでは、「全角文字」や「半角文字」を使うと、
文字の位置がズレたりズレなかったりします。
MacintoshやUNIXなどでは、ズレません。
文字の幅が一定ではないプロポーショナルフォントを使う。
でも、とっても、綺麗。
英字:abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh…半角 英字:abcdefghijklmnopqrstuvwzyzABCD…全角 記号:+---------+---------+---------+---------+---------+---------…半角 記号:+−−−−−−−−−+−−−−−−−−−+−−−−−−−−−…全角 数字:012345678901234567890123456789012345678901234567890123456789…半角 数字:012345678901234567890123456789…全角 空白: …半角 空白: …全角 |
等幅フォントが使われ位置がズレしない。
HTMLの表現方法の<pre>〜</pre>を使用する
文字はあまり綺麗ではないけれど、桁位置が揃う。(ハズなんだが...)
英字:abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh…半角 英字:abcdefghijklmnopqrstuvwzyzABCD…全角 記号:+---------+---------+---------+---------+---------+---------…半角 記号:+−−−−−−−−−+−−−−−−−−−+−−−−−−−−−…全角 数字:012345678901234567890123456789012345678901234567890123456789…半角 数字:012345678901234567890123456789…全角 空白: …半角 空白: …全角 |
もし、位置ズレなどが起きるようでしたら、 お使いのWWWブラウザやOS環境の「フォント」や 「フォントサイズ」の設定を確認・調整してみてください。
[ 文字フォントの種類 ]
「文字が一番美しく見えるフォント」というのは、
「プロポーショナルフォント」などと呼ばれ、文字の幅がそれぞれ違います。
そのようなフォントで、テキストで書かれた構成図などを表示すると
各行の桁位置がバラバラになってしまいます。
テキストによる図などが「見やすいフォント」は、
「等幅フォント(文字の幅が等幅なフォント)」などといいます。
文字の幅(大きさ)が同じで、全角文字と半角文字のサイズ比が、2:1です。
ですから、構成図などをテキストで記述しても、桁位置が揃います。
種類 | Windowsのフォント例 | Macintoshのフォント例 |
---|---|---|
プロポーショナルフォント | 「MS Pゴシック」「MS P明朝」 | 「Osaka」 |
等幅フォント | 「MS ゴシック」「MS 明朝」 | 「Osaka - 等幅」 |
利用しているWWWブラウザ(Netscape NavigatorやInternet Explorerなど)で、
使用するフォントサイズを少しづつ変更してみてください。
フィントサイズを色々を選んでいるうちに、テキスト文字が綺麗に表示できる
フォントサイズが見つかる筈です。
等幅フォントがフォントサイズに依存していて、
等幅になるサイズと等幅にならないサイズがあるようです。
これは、HTML記述方法の問題ではなく、
Windowsの特有の症状のようです。
他のOS(MacintoshやUNIXなど)のWWWブラウザ(Netscape Navigatorや
Internet Explorerなど)では、<pre>〜</pre>が使われている
部分で位置ズレが発生することはありません。
[ 注意事項の整理 ]
# 一般的には、電子メールでも同様に「等幅フォント」を使う事がマナーです。
[ FAQ for www.rtpro.yamaha.co.jp ]
[ WWWサーバ / WWWブラウザ ]