CSSでのフォントの指定。

質問

ホームページを作成しているのですが
フォントに関して困っています。

フォントの指定をCSSでしているのですが、
VerdanaとMS Pゴシックを指定すると、
ブラウザによっては、英数の文字がVerdanaのフォントで表示されません。

どのように指定すれば日本語はMS Pゴシック。
英数はVerdanaという風に表示されるのでしょうか。

日本語のフォントを変えれば出来るのでしょうか。

回答No.4

pingu98 · ベストアンサー

あ、それは単純明快にIEのバグです。
日本語フォントを先に指定して次にVerdanaだとうまくいくのかな。。
いずれにしてもIEのCSSフォント指定は挙動不審です。

それと、一行目には必ず<!DOCTYPE～>を書いた方がいいです。これがないとIEのCSSが更に謎動作になります。

お礼

IEのバグでしたか。
先ほど日本語フォントを先にしたところ、大丈夫そうでした。
バグだかどうだかわかりませんが、直ったので、ありがとうございます。

ちなみにドックタイプは書いてます。

回答No.3

noname#60878

文字種の指定を書くのは勝手です。
しかし、それをその字体で表示するかどうかは見る側の都合です。
http://www.mozilla.gr.jp/standards/webtips0007.html
http://www.mozilla.gr.jp/standards/webtips/webtips0031.html
無視された結果予期しない結果になることがあります。

そのあたりは覚悟の上で敢えて指定するというなら、
ちょっと手間ですが、ブロックごとに指定するのが確実です。スタイルとして文字種を含めた文字表示に関する情報を設定して、これを各ブロックに適用してゆくような書き方が良いと思います。
半角英数ならこの字体で、全角文字はこの字体で・・・
という設定は主にブラウザ側の問題でうまく行かないことになると思います。

補足

回答ありがとうございます。
遅くなってしまったのでついでに他の方の回答にも返答させていただきます。

部分部分で指定するしか方法がないのであれば諦めることにします。

一応）指定はfont-family: Verdana,MS Pゴシック,sans-serif;
となっています。

ブラウザはIEだと何度か開いているうちに英数のフォントが変わります。
Sleipnirでは希望通りになっていました。
NSは実際に見たわけではないですが、英数のフォントが変わっていたそうです。Verdanaはインストールされていたそうです。
OSは全てWindowsです。Macではどうなるかわかりません。

何か解決方法などありましたら教えていただけると幸いです。

回答No.2

9arabi

ブラウザによっては、というか
環境によってはそのフォントが入っていない端末からのアクセスもありえますよね？（マッキントッシュではMSフォントは使えませんし）

ですから、完全にこのフォントで見せたい！というときは、そこだけ画像にするなどの手を使う以外に方法はありません。

回答No.1

koutarou504

まずこの話でポイント？は、
そもそも言葉で「日本語」といいながら
どの文字までを含めているのかというのが・・・。
英数字でも全角ならコード的には日本語？？？。

その辺が私は無知なものでというか
ブラウザを信用していないので
私としては、
　１．あきらめる。
　２．個別に指定する。（SPAN タグなどを用いて。）
もしくは、JavaScript （又は CGI） を用いてブラウザを判別して CSS を使い分けるとか。
で、フォントの為だけにプログラム (JavaScript 又は CGI）も手間の割に・・・。

という事で、フォントを指定したい文字ごとに指定する。あとはそれを手間と感じるか否かであきらめるかどうかだと・・・。

尚、ブラウザ毎の振る舞いの違いは CSS では結構大きいので・・・。 HTMLタグに於いても一部違ったりしますし・・・。