• ベストアンサー

WinとMacでの文字の大きさが異なります。

WindowsでDREAMWEAVERを使用してHPを作成してみましたが、Macで見てみると微妙に文字がずれたり、大きさが異なるのはどうしてでしょうか？ 文字のずれをふせぐため、テーブルを使ったのですがオリジナルのCSSが問題なのでしょうか？ あまり、HP作成に詳しくない（HTMLはよく分らないです。）のですが、よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

MacとWindowsの表示で文字のずれが生じるのは、MacとWindowsとでは表示させるためのフォントが異なっているためだと思います。 WinではMS Pゴシック、MacではOsaka、で表示するように基本的にはなっています。 WinとMacでは共通のフォントってあまりないです。

fumfum-aki
質問者

お礼

MacとWindowsのフォントは異なったものだったのですね。大変参考になりました。ありがとうございました。

その他の回答 (2)

  • deepsfx
  • ベストアンサー率48% (211/433)
回答No.3

文字は、フォントや使うソフトなどの違いで、WinとMacでは同じにならないのがほとんどですね。 数年前までは、無難に通るように配置してましたが、ネット環境もPCの性能も良くなったので、最近では、ぼくの場合、画像データにしてはりつけてしまっています。 それでも多少ずれることはあるんですが、文字の大きさやスタイルが変わることはないので、その点は安心できます。

fumfum-aki
質問者

お礼

WinとMacの文字の異なりは仕方ないのですね。“画像データにしてはりつけてしまっています”というのが大変参考になりました。データが重くなると思い画像は控えていましたが、スライスなども使ってみようと思いました。ありがとうございました。

  • renton
  • ベストアンサー率34% (1720/4934)
回答No.1

ブラウザやそのバージョンによっても見え方が違ったりするので、私の場合は、どの環境で見てもそれなりに見れる無難なレイアウトを取るようにしています。 こうなるはずと思ってやっていても、意外なバグでそうならないなんて事もあるので・・・

fumfum-aki
質問者

お礼

“どの環境で見てもそれなりに見れる無難なレイアウト”というところを意識して作りたいと思いました。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. 業務ソフトウェア
  4. グラフィックソフト

関連するQ&A

  • MACとWINで文字化けさせないサイトのFONTとは？

    こんばんは。現在自分のHPを作成中者ですが、Windowsでサイトを作成しても、MACで見ると文字化けして読めないときがあります。。。 何のFONTを使用したら文字化けしないのでしょうか?? それと、その文字化けを解消する方法はあるのでしょうか？

  • Macのieで文字がテーブルからはみ出て表示される

    私は普段、Windowsでホームページを作成しているのですが、 テーブル内のテキストの文字間や行間をスタイルシートで調節すると、 Windowsではどのブラウザでも問題なく表示されるのですが、 Macのie（5.2）で見ると、テーブル内で改行されずに 文字がはみ出して表示されてしまいます。 文字がはみ出ないようにするにはどのようにすればよいのでしょうか？ よろしくお願いします。 （例） 【CSS】 td { line-height : 1.5 ; letter-spacing : 0.5em ;} 【HTML】 <table width="50%" border="1"> <tr> <td width="100%"> あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわん。 </td> </tr> </table>

    • ベストアンサー
    • HTML
  • WinとMacのフォントサイズの違い

    こんばんは。質問させていただきます。 現在作成中のHPのことなのですが、 CSSでWinはMS Pゴシック、MacはOsakaで表示させています。 例えばなのですが、フォントサイズを13pxで指定させると、 Winでは、約9pt位なのですが、Macではそれよりも大きく表示されます。 (文字自体が若干大きいです。) その結果テーブルなどでレイアウトが崩れてしまいます。 例えば、Winでは13px、Macでは11pxで表示させる等の方法は無いでしょうか？ PCに関しては疎い方なのでお手数をおかけいたしますが、どうか ご教示よろしくお願い致します。

  • Macでホームページを作っているのですが...

    Macで個人サイトを運営しております。 ソフトはDreamweaverを使っております。 しかし、どうしても納得いかず、解決できない問題があるので質問致します。 テーブルの中にシンプルテキストを数行入れており、テーブルの幅に合わせて改行しています。そして、アップをしてMac IE 5.2で確認すると、行の始めと終わりが揃っており、テキスト全体がテーブルの形どおり四角形に整っております。ですがWindows IE 5.1で同じページを確認してみると、改行した箇所は同じなのに、なぜか行の終わりがデコボコで、テキスト全体の形が揃っていなく、整った四角形ではありません。 テキストが揃っていなくて、デコボコだと汚い感じがしてしまうので困っております。 異なるブラウザの表示によって見え方が違うので、文字の大きさも一文字、一文字違うのでしょうか？ こういう場合、どうやればWindows IE 5.1でもMac IE 5.2でもテキストの文末を揃え、整った四角形のテキストになるでしょうか？ Web制作に詳しい方やWebデザイナーさん教えて下さい。 いちおうそのテキストのCSSも下に書いておきます。 {font-size: 13px; line-height: 140%; color: #555555; }

    • ベストアンサー
    • CSS
  • dreamweaverを買おうと思うのですが・・・特徴を教えて下さい。

    dreamweaverはホームページビルダーみたいなもので、ホームページ作成ソフトなんですか（まぁどちらも持っていないのですが・・・。）？今メモ帳とかTeraPadとかを使用して、ＨＴＭＬとかＣＳＳを打ち込んでＨＰを作っているのですが・・dreamweaverを使用することによって何か支障を来たすことがありますか？よろしくお願いします。

  • HPの組み方について (HP作成業の方に回答いただきたいです

    HP作成を仕事にしている方にお聞きしたいのですが、 受け持ったHPをお客様側が更新されるという場合、どのような組み方をされていますか？ 私の場合 更新を含めたHP作成請負⇒XHTML+CSSで組む。 HP作成後お客様側が更新される⇒HTMLでtableで組む。 (Dreamweaver経験者なら、tableとcssのハイブリッド型) 今やXHTML+CSSが主流になってきていますが、それだと更新をお客様がしにくいと思うので、上記のような方法にしています。 他のHP作成をされている方はそこをどう対応されているのか、いつも疑問に思っています。 よければアドバイスお願いします。

  • iwabからHPビルダーかDreamweaverへ

    研究室のホームページを作っているのですが、今まではmacのiwebというソフトで作成していました。 が、諸事情でmacが使えなくなるため、windowsのソフトでHPを作ることになります。 iwebのように感覚的にHPが作れるソフトはwindowsでいうとなんでしょうか？ iwebで作成したHPはスタイリッシュで概ね好評でしたので、あまり安っぽくならない方がいいのですが…HTMLやCSSは、メモ帳で簡単なサイトを作れる程度には理解しています。 Dreamweaverで作ったページと、HPビルダーで作ったページの比較サイトなどもあれば教えていただけると助かります。 よろしくおねがいします。

  • macではいいがwinでソースを見ると文字が化ける

    MacでGoLiveを利用してHPを作っています。 Macでソースを見るとうまく表示されるのですが、 Winでソースを見ると「＆」などが沢山出る文字化けを 起こしてしまいます。 ＨＰはISO-2022-JPで作成しています。 　素人なので分かりやすく原因と対策を教えてくれませんか？ 　ソースが文字化けを起こすとうまくロボットが キーワードを拾えないのではないかと心配です。 　なかなか検索エンジンに登録されないのはそのため ではないかと心配です。い

    • ベストアンサー
    • HTML
  • Winで作った半角小文字のファイルが、Macで読むと半角大文字になってしまう

    Win（XP）テキスト手打ちでCSSファイルを作成し、フラッシュメモリにコピーしてMac（10.3.8）で読み、アップロードしています。 その際他のファイルは問題ないのですが、CSSファイルだけが半角小文字からなぜか半角大文字に変わってしまうので困っています。 現在いちいちリネームしているのですが、度重なると流石に面倒です。 どうぢたら小文字が大文字に変わらなくなるでしょうか？ ※Winのパソコンはスタンドアローンとして使用していますので、ウィルス対策をしていません。ですのでこちらをネットに繋げるという方法は除外させて下さい。

  • Dreamweaverでjsファイルを編集すると文字化けしてしまいます。

    Dreamweaver８でＨＰを作成しています。 jsファイル　document.write("○○○○○"); の○○○○○の部分を編集し、アップすると文字化けしてしまいます。 先日までは問題なかったのですが。。。 ブラウザはIEを使用しております。 他のＨＴＭＬファイルは編集しても文字化けはしません。 どうすれば直りますでしょうか？ もし分かる方いらっしゃいましたらよろしくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する