No.3ベストアンサー
- 回答日時:
> ieで表示が変わったので、
IEはかなりいい加減な表記でも、それなりに解釈して対応してくれる非常に優れたブラウザです。
その為に誤ったHTMLやCSSでも気付かないで、それを正しいと思い込む人を増やしています。
font-family: 候補1,候補2,sans-serif;
のように表記してください。
候補1がなければ候補2、それもなければ次のを適用するようになっています。
最終的にはなければ、sans-serif等のブラウザ側で設定されているのが適用されます。
あと、sans-serifのみで指定するとIE 5.5で文字化けします。
http://mozilla.gr.jp/standards/webtips0007.html
一部のブラウザ(Safari)ですが、半角英数でのフォント名しか受け付けない場合もあるので、
次のように同じフォントをローマ字と日本語名で指定するような必要もあります。
font-family: "MS UI Gothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
http://tangerine.sweetstyle.jp/?eid=480019
あまりこだわらない方がいいです。
どうしてもという場合は画像で。
本文全文だと、修正が面倒だしファイルサイズも肥大化するから、ロゴとか見出し程度にか使えないだろうけど。
No.4
- 回答日時:
>サンセリフのみの指定で、30px以上大きくすると
相対サイズなので、そこまでするならptで設定するとか・・
なお、フォント名をつなげるときは、 , カンマでつなぎます。 ; セミコロンでCSSは終わりと解釈します。
No.1
- 回答日時:
"ゴシック"んなフォントありますか?
メモ帳を起動して、書式→フォントとすると一覧がでてくる。
Windowsなら
MS UI Gothic
とか
なので、このフォント欄を反転した状態で、Ctrl+Cで正しい名前が得られるはず。
よって、
font-family: "MS UI Gothic";
しかし、クライアントらよって使えるフォントが限定されるため、かならず、
font-family: "MS UI Gothic",Osaka,sans-serif;
と、Windows用,Mac用,UNIX用(わかれば),最後に総称ファミリ名
上記は、UNIX用は指定していない!!
のように、最後に総称ファミリ名を追加しておくべきです。
それでも、訪問者側は他のフォントを使用する場合もあるので、あまりこだわらないほうが良いでしょう。
この回答への補足
なるほど。非常に勉強になります。
font-family:"ゴシック";
と、安易に指定してみると、
ieで表示が変わったので、値としては「あり」なのかなと思ってしまいました。
もう少しいろいろ試してみます。
サンセリフのみの指定で、30px以上大きくするとfxとieで体裁の違いが気になったので。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 英字と日本語が並んだhtmlの自体をcssで指定したい 2 2023/05/22 23:58
- HTML・CSS htmlの文字が縦書きになる 2 2023/03/01 21:31
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
excelをhtmlに変換した途端、一...
-
テーブル内の文字サイズを変更...
-
入力規則のリストの文字の大き...
-
エクセルで文字が勝手に大きく...
-
<pre>タグ内のフォントサイズに...
-
DreamWeaverの編集時の文字の大...
-
英サイト(UTF-8)内での全角文字...
-
”ヒラギノ明朝Pro”をWindowsで...
-
<textarea>と<input type="text...
-
黒地に白抜きの文字
-
【DreamWeaver】「コード」画面...
-
奇数のフォントサイズ指定について
-
alertで、アイコンの変更、又は...
-
セレクトボックスの幅を指定し...
-
CSSでfont-familyを指定してる...
-
インラインフレーム内の文字の...
-
パソコン操作に詳しい方に質問...
-
同じブラウザでレイアウトが崩...
-
パスワード欄の"●"文字を小さく...
-
メッセージボックスの中止/再試...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
ペイント3Dのテキストサイズ変更
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
”ヒラギノ明朝Pro”をWindowsで...
-
<pre>タグ内のフォントサイズに...
-
コピーライト記号の表示が小さい
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
CSSです。英数字のみArial書体...
-
パスワード欄の"●"文字を小さく...
-
奇数のフォントサイズ指定について
-
HTMLでHGPゴシックEを表現する...
-
CListCtrlで行の高さを指定した...
-
<table></table>内のFONT指定に...
-
MoveWindowで位置だけ変更する...
-
HTMLテキストボックス内の文字...
おすすめ情報