前回のフォントファミリ指定にＶｉｓｔａの標準フォントのメイリオを加えてませんでした・・・orz
フォントファミリに複数のフォントを指定する意味は、一つのフォント指定しかしてないと、そのフォントがインストールされていない環境のPCで、PCに指定されているフォントで表示されるので、こちらの意図と違うニュアンスで閲覧される事を防ぐ事だと思います。
フォントファミリ指定に複数のフォントを指定すると、左のフォントから優先的にインストールされているフォントを選びますので
font-family:"メイリオ","ＭＳ ゴシック",Osaka-等幅,Osaka-Mono,monospace;
と指定した場合、Vistaだとメイリオで表示され、XP以前のWindowsだとMSゴシックで表示されます。
Windowｓフォントのインストールされて居ないMacだとOsaka-等幅で表示され、Ｍａｃ標準ブラウザのSafari では フォント名に日本語が含まれるものは無効になってしまうので、Osaka-Monoで表示される筈です。
monospaceは、総称ファミリ名で、特定のフォント名では無く複数のフォントの総称ですから、最後にこれを指定しておけば全文が「□」で表示される事態は、防げると思います。
ただ、個々のPCにインストールされているフォントによって選ばれるフォントが違いますから、とんでもないフォントが選ばれて表示が滅茶苦茶になったり、一部の日本語が「□」で表示される可能性があるんです。＞＜
ちなみに、総称ファミリ名の種類は、
serif
明朝体のように裾が太く又は細くなっていたり、文字の上下にヒゲ飾りが付いていたりするフォント
sans-serif
ゴシック体や"Arial"のように裾の広がりやヒゲ飾りの付いてないフォント
monospace
全ての等幅フォント
fantasy
装飾系のフォント
cursive
手書き風（筆写体・筆記体）のフォント
の５つです。
[0回]
(｡－ω－)んー・・・一応ＨＴＭＬソースでフォントを指定してあります。
ＰＣの環境によっては、フォントが入ってなくて表示されてないのもあるかも知れませんが、
顔文字のフォントによる違いを比べて見ます。
自分のＰＣがＷｉｎｄｏｗｓ２０００なので、メイリオで表示出来ませんが、その辺はゴニョゴニョ・・・（ｒｙ
Windowsフォント
ＭＳゴシック全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
ＭＳゴシック半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
ＭＳＰゴシック
ＭＳＰゴシック全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
ＭＳＰゴシック半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
メイリオ
メイリオ全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
メイリオ半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
Ｍａｃフォント
ヒラギノ角ゴProW3全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
ヒラギノ角ゴProW3半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
Osaka-等幅全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
Osaka-等幅半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
英文フォント
verdana全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
verdana半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
Ａｒｉal全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
Arial半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
総称ファミリ
monospace全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
monospace半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
sans-serif全角 ＞ ＾＾ ＾＾ｖ ＾＾ｂ ＾＾； ＾－＾ ；；＞＜
sans-serif半角 > ^^ ^^v ^^b ^^; ^-^ ; ; ><
Windowsフォントは、やはりＭＳゴシックですかね～
幅が広いですが、半角でも「；」がそれなりに表示されてるんじゃないでしょうか。
ＭＳＰゴシックだと、半角の表示が少し細すぎる気がします。
メイリオは、インストールされてない環境も多いでしょうから一番最初に指定しておく程度で良いと思います。
Ｍａｃフォントは、どちらも自分の環境でインストールされてないので、今書いてるエディタ上でしか確認出来ませんが、半角の「^」が変な感じに表示されてます・・・
英文フォントは、半角の方が全角より幅が広く表示されてるのが気になりますが
verdanaが良さそうです。
Arialだと半角の「^」が残念な表示になってます。
総称ファミリは、
sans-serifで「^」が綺麗に表示されてないので、比較的マシなmonospaceを選ぶ事にします。
font-family:"メイリオ","ＭＳ ゴシック",Osaka-等幅,Osaka-Mono,verdana,monospace;
でＯＫだと思います。
Ｍａｃ版ＩＥ５には癖が有って、
「Mac版Internet Explorer 5 ではフォントの複数指定は無効のため、第一候補のフォントが環境にインストールされていない場合は初期値のフォントで表示します。」
との事ですので、
font-family:Osaka-等幅,"メイリオ","ＭＳ ゴシック",Osaka-Mono,verdana,monospace;
とすべきなんでしょうが、ＭａｃにＩＥをインストールしてる方は、ＭＳゴシックもインストールしてると期待して、メイリオを最初にしときます。<(＿ ＿)> ぺこ
PR
