こんばんは。質問させていただきます。
現在作成中のHPのことなのですが、
CSSでWinはMS Pゴシック、MacはOsakaで表示させています。
例えばなのですが、フォントサイズを13pxで指定させると、
Winでは、約9pt位なのですが、Macではそれよりも大きく表示されます。
(文字自体が若干大きいです。)
その結果テーブルなどでレイアウトが崩れてしまいます。
例えば、Winでは13px、Macでは11pxで表示させる等の方法は無いでしょうか?
PCに関しては疎い方なのでお手数をおかけいたしますが、どうか
ご教示よろしくお願い致します。
No.2ベストアンサー
- 回答日時:
JavaScriptでブラウザまたはOS別にCSSを変えることが出来ます。
http://www.ognet.jp/bekkan/dtpcolumn/dtpcol32.html
・ブラウザにあわせてCSSファイルを読み込む
http://game.gr.jp/mycom/2/index.htm
URLを参考にさせていただきました。
とても解りやすく、また大変便利だったため、早速同じ方法で更新しました。
Win Mac共にイメージに近いHPになりました。
ありがとうございました。
No.3
- 回答日時:
参考URLなどでわかるように
macとwinを両方を考えた場合のフォントサイズは難しいです。
大手サイトでは%指定をしているところも多く見かけますが
ブラウザまで考えるとめんどくさくなり私はpt指定でいいやと諦めました。
http://homepage.mac.com/mikihiro/md/web/font.html
http://www.ichiro.to/note/fsize2
http://blog.d-spica.com/entry/070310fontsize.html
macとwinで違うcssを読ませるのは下記を参考に
http://www.kiwi-us.com/~mizusawa/penguin/html_hi …
URLを参考にさせていただきました。
自分勝手なもので、px指定にしましたが、イメージに近いHPになり、
自分では満足しています。
ありがとうございました。
No.1
- 回答日時:
フォントにはフォントフェイスと言うものがあります。
フォントが違えば実はフォントフェイスの大きさも違うのです。またPゴシック等のP付きのフォントはプロポーショナルフォントです、これは文字によってフォントフェイスの横幅が異なるために、1行に入力できる文字数も変化します。Osakaは等幅フォントですのでフォントフェイスの横幅は一定で、1行に一定の文字数しか入りません。
まずWindows用にはP無しフォントで指定してください。
ゴシック体だったらMS ゴシックです。
次に解像度の表示方法が異なるためもあります。
基本的に画面表示は72dpiなのですがWindowsXpでは何故か96dpiが使用されています、その為に小さく表示されてしまいます。px指定ではなくpt指定でやってみてください。
回答ありがとう御座います。
MSゴシックで表示させてみた所、どうも自分がイメージしていたのとは
違う感じになってしまったので、やはりMS Pゴシックに指定しました。
一行の文字幅については、改行を用いて解決することにします。
解像度については、聞いてはいたのですが、あまり意味が解らなかったので、
大変参考になりました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
Outlookのメールを送信するマクロ
-
メールで、榊の文字を木辺に神...
-
似ているフォント(Win⇔Mac)
-
VB6.0でLabelに表示する文字を...
-
Visual C++ 6.0 行番号の表示
-
フォントファイル(.ttf , .otf)...
-
メモ帳の縦書き
-
TTFファイル(TTCやOTFでもよい...
-
16x16のスプライトフォント
-
分数をどう書くか。(教えて!g...
-
C# Font GdiCharSet
-
→をTimes New Romanフォントで...
-
英語版OSでの遊明朝、游ゴシック
-
ペイント3Dのテキストサイズ変更
-
Illustratorで作成、pngで保存...
-
テキストエリア内の文字の装飾
-
フォルダ内の写真を画面幅にあ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
MsgBoxについて
-
似ているフォント(Win⇔Mac)
-
「MS Pゴシック」と同じ幅の...
-
英語版OSでの遊明朝、游ゴシック
-
C# Font GdiCharSet
-
font-family の記載方法
-
メールで、榊の文字を木辺に神...
-
ワードでゴシックの文字を太く...
-
Excel:一部のフォントでセルの...
-
CommonDialogでの、キャンセル...
-
逆向き/(スラッシュ)の入力方法
-
エクセルの代替フォントを指定...
-
Visual C++ 6.0 行番号の表示
-
CSS SafariでMS P ゴシックを表...
-
ホームページをTeraPadで日本語...
-
printf("文字列\\n")が円マーク...
-
このフォントはなんというフォ...
おすすめ情報