
こんばんは。質問させていただきます。
現在作成中の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で質問しましょう!
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
[Postscript,(Ngraph)]日本語の...
-
VB.NETでフォントのカラーを変...
-
教えてください。
-
似ているフォント(Win⇔Mac)
-
CreateFontIndirectとは?
-
WORD全角入力しても半角に...
-
CommonDialogでの、キャンセル...
-
メールで、榊の文字を木辺に神...
-
バーコード印刷
-
WORD VBAでハイパーリ...
-
HTML に © は、© を使わず...
-
VB6のコメントなどで・・・
-
フォントファイル(.ttf , .otf)...
-
C# Font GdiCharSet
-
TTFファイル(TTCやOTFでもよい...
-
Webフォントのアップロード場所...
-
wordpress cocoon ヘッダーのフ...
-
cssで英語と日本のフォント...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
似ているフォント(Win⇔Mac)
-
「MS Pゴシック」と同じ幅の...
-
Excel:一部のフォントでセルの...
-
MsgBoxについて
-
英語版OSでの遊明朝、游ゴシック
-
ワードでゴシックの文字を太く...
-
逆向き/(スラッシュ)の入力方法
-
gvimでフォント、色テーマ設定...
-
C# Font GdiCharSet
-
WORD全角入力しても半角に...
-
font-family の記載方法
-
WORD VBAでハイパーリ...
-
縦書きテキストボックスの表示"...
-
メールで、榊の文字を木辺に神...
-
コマンドプロンプト(cmd.exe)を...
-
PreRenderイベントの実装方法に...
-
無料で使える日本語フォントを...
おすすめ情報