いつもお世話になります。
webサイト構築中なのですが、
できあがったサイトをwindowsのIE/Safari、Forefoxで見ると
ゴシックで表示されるのですが、
MacのSafariでは明朝体で表示されてしまいます。
ちなみにCSSではbodyタグに以下の記述をしています。
どこがおかしいのでしょうか?
font-family: 'MS Pゴシック' ,Osaka,'ヒラギノ角ゴ Pro W3', 'Times New Roman','times 16', sans-serif ;
教えてください。よろしくお願いします。
No.2ベストアンサー
- 回答日時:
「Safari font-family」でググルとわかるように、MacのSafariは
font-familyの指定に日本語が使えないそうです。しょっぱなの
'MS Pゴシック'で読めずに解釈を諦めてるんでしょう。
font-family: Osaka, 'MS Pゴシック', Sans-Serif;
ならOsakaで表示するかもしれませんし、MSOfficeの入ったMacでも
醜いMSフォントになりません。font-familyはマイナーなフォント
から書くのがセオリーです。Osakaは必ずあるのでヒラギノを指定
する意味はありませんが、ヒラギノが好みなら'Hiragino Kaku
Gothic Pro'のように日本語の文字を使わずに指定してください。
早々のご回答ありがとうありがとうございます。
ゴシック表示できました!たぶんOsakaで表示できてるんだと思います。
>MacのSafariは
>font-familyの指定に日本語が使えないそうです。しょっぱなの
>'MS Pゴシック'で読めずに解釈を諦めてるんでしょう。
コレを知らずに数日間悩んでました。
本当にありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- その他(インターネット接続・インフラ) Webサイトのフォント・級数変更について 1 2022/10/18 18:08
- Chrome(クローム) SafariとChrome間でブックマークを同期 2 2022/06/09 23:23
- Safari(サファリ) MacのSafariでTVerにアクセスしようとしています 1 2023/02/05 00:49
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- Chrome(クローム) ブックマーク間に仕切り線を引く 2 2022/06/29 11:07
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
ペイント3Dのテキストサイズ変更
-
テーブル内の文字サイズを変更...
-
VBAでListViewのフォントを変更...
-
テキストエディタmiの表示文字...
-
maxlengthとsize
-
【DreamWeaver】「コード」画面...
-
LaTeXの文字の大きさの変え方。
-
セレクトボックス内のフォント位置
-
アンドロイドスマホでのphp ech...
-
半角カタカナを使うと、どうい...
-
コピーライト記号の表示が小さい
-
ASP VBscript でメッセージボッ...
-
”ヒラギノ明朝Pro”をWindowsで...
-
<pre>タグ内のフォントサイズに...
-
携帯サイトのMARQUEEタグで流し...
-
MACで勝手に改行されてしまいま...
-
セレクトボックスの幅を指定し...
-
<table></table>内のFONT指定に...
-
英サイト(UTF-8)内での全角文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
ペイント3Dのテキストサイズ変更
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
VBAでListViewのフォントを変更...
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
コピーライト記号の表示が小さい
-
英サイト(UTF-8)内での全角文字...
-
セレクトボックスの幅を指定し...
-
<pre>タグ内のフォントサイズに...
-
”ヒラギノ明朝Pro”をWindowsで...
-
MoveWindowで位置だけ変更する...
-
HTMLでHGPゴシックEを表現する...
-
パスワード欄の"●"文字を小さく...
-
アンドロイドスマホでのphp ech...
-
インラインフレーム内の文字の...
-
accessのレポートで文字間隔を...
-
奇数のフォントサイズ指定について
おすすめ情報