• 締切済み

IEでのアンチエイリアス

下記のURLのページをIE7でみると 文字にアンチエイリアスがかかっているように見えます。 Firefoxではビットマップで表示されます。 http://journal.mycom.co.jp/news/2007/02/06/391.html OSはXPですが、画面のプロパティのClearTypeなどはすべてOFFにしています。これはブラウザの機能でしょうか。 CSSをのぞくと body { font-family: "qMmpS Pro W3", "Osaka", "IroSVbNn",verdana,arial, sans-serif; } のような記述があるのですが、この設定のおかげでしょうか? 調べてもClearTypeのことばかりで、いまいち原因がわかりません。 できるなら制作しているサイトもこのように表示させたいのですが。 ご存知の方がいれば教えてください。

みんなの回答

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.1

IE7では1バイト文字がverdanaで表示され、FirefoxではMS Pゴシックで表示されているのだと思います。 アンチエイリアスをかけているように見えるのは表示フォントの問題です。

casionet
質問者

お礼

回答ありがとうございます。 ただアンチエイリアスがかかって見えるのは2バイト文字なんです。 というかすべての文字だと思います。 MAN_MA_RUIさんの環境でもそのようにみえないでしょうか。 (もしかして私の環境だけ?) ClearTypeとは無関係にサンプルページのように表示ができるなら そのように制作したいのですが、CSSを含めて指定の仕方が よくわからないのです。 同じIE7でも2バイト文字にアンチエイリアスがかかって見える場合と 見えない場合の原因はなんなのでしょう。 ご存知の方がいれば教えてください。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • IE7での、Verdanaフォントの表示について

    自分のサイトで、VerdanaフォントをCSSで指定しているのですが IE7でサイトを閲覧した時に、半角英数字のみにアンチエイリアスがかかってしまいます。 今OSはVistaを使用しています。 以前XP・IE6で閲覧していた時は問題なかったのですが…。 インターネットオプションで「ClearTypeを常に使用する」 のチェックを外しましたが、それでも変わりませんでした。 サイトで使用しているCSSの一部を引用しておきます。 >font-size : 12px; >font-family : Verdana,Osaka; ご存知の方がいれば教えてください。

  • CSS IEでもfontにアンチエイエリアスを

    cssにfont-familyを設定し、firefoxではfontにアンチエイリアスが掛かる一方、 IEでは掛からないのですが、IEでも掛かけるためにはどの様にすると良いでしょうか? 例:http://www.postalmuseum.jp/collection/genre/index-14.html 因みに、html5で組んでおり、使用しているfont-familyは以下の通りです。 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; 宜しくお願いします。

    • ベストアンサー
    • CSS
  • 「メイリオ」指定のIEに「MSPゴシック」を表示?

    IEの「インターネットオプション>フォント」で「メイリオ」を指定している人がいるとします。 この人に「英字=Arial、漢字=MSPゴシック」を見せるためにはどのようにCSS指定すればいいでしょうか? font-family:arial,"MS Pゴシック","MS PGothic",sans-serif; このように指定すると「英字=Arial、漢字=メイリオ」になってしまいます。 IEは英字フォント指定が先にあると、次の"MS Pゴシック"を無視するらしい。 font-family:"MS Pゴシック","MS PGothic",arial,sans-serif; そこでこのように指定すると当然「英字=MSPゴシック、漢字=MSPゴシック」になってしまいます。 どうしても英字はArialで表示したいのです。どうすればいいのでしょう。 ちなみに Firefox ではこういう面倒は起きません。 よろしくお願いします。

  • 半角英数字のみベースラインが下がってしまいます

    サイト制作を行っているのですが、ページ内の半角英数字のみ全角文字より若干下がって表示されます。 例えば、 あいうえお1234かきくけこabcd ですと、「1234」と「abcd」の部分が「あいうえお」「かきくけこ」に比べて若干下がってしまい、テキストリンクがついていると、ガタガタになってしまいます。 文字コードはUTF-8でフォントはCSSで font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka,Verdana,Helvetica,Arial,"MS Pゴシック",sans-serif を指定しています。 よろしくお願いいたします!

  • 外部CSSでフォントの指定

    自分のサイトの一部のページでは外部CSSで文字の色やフォントなどを設定しているのですが、 FireFoxでは反映されません。IEでは思い通りです。 調べてみて外部CSS、style.cssの改行をなくしたり先頭に@charset "shift_jis";を記述してみました。 そしたらなんとうまく文字色は変わりました。 しかしフォントは英字が"Verdana"にならないのです。 すべて"MS ゴシック"になってしまいます……IE、FireFox両方です。 私はMS ゴシックの英字が好きではないので、Verdanaなってくれればうれしいのですが……。 ちなみに、フォントの部分は  font-family: "Verdana", "Arial", "sans-serif", "MS ゴシック"; こんなふうに記述しています。 @charset "shift_jis";の記述を消して、 .htaccessが使えるサーバーなのでAddType text/css .cssを記述してみましたが変わりません。 どなたか大抵のブラウザで日本語をMS ゴシック、英字をVerdanaにする外部CSSの書き方を教えてください。

    • ベストアンサー
    • CSS
  • font-familyの使い方

    font-familyに正しい使い方ってあるんでしょうか? 私、ブログとサイト(共にFC2)やってるんですけど2種類(3種類?)のfont-familyを使ってるんです。 これって閲覧者にとっては見づらいものなのでしょうか。 ブログの方では、bodyに font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","verdana","arial", sans-serif; を使い、記事の本文にだけ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',Osaka,sans-serif; を使ってます。 サイトでは、bodyに font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',Osaka,sans-serif; を使い、メニュー部(英語)には font-family: Georgia,Helvetica,Arial; を使い、小説部分では説明(感想)部分はbodyのままですが本文では font-family: 'MS Pゴシック', sans-serif; を使ってます。 フォントサイズについては、基本11pxですが本文だけ12pxにしてます。 日本語の部分はsans-serifだしいいかぁと思ってるんですが、やはり見にくいものなのでしょうか? こちらの意図としては本文だけ見やすかったらいい、と思っています。 ふと疑問に思ったことなので、暇な時に回答して頂ければ幸いです。

    • ベストアンサー
    • HTML
  • CSSでbodyに入ってるこの意味は何でしょうか?

    あるサイトのCSSのbodyのfont sizeに 12px/1.22 "Osaka", "MS Pゴシック", Arial, sans-serif と、記述していましたが /1.22とは何を意味してるのでしょうか?

    • ベストアンサー
    • HTML
  • IEと他ブラウザでの行間について

    CSSにてレイアウトを行っていますが、IEで表示したとき行間が詰まってしまいます。 全体的に狭くなってしまうのはもちろんなのですが、 たとえば文章と文章の間を<br><br>で一行開けた場合も、Firefoxなどでは -------------- 一行目 二行目 -------------- となってくれるのですが、IEだと -------------- 一行目 二行目 -------------- につまってしまいます。 作成環境はMacOSX、DreamweaverCS3 確認はmacでFirefox3、Safari3、Opera9.5、Netscape7.1です winでIE6、Firefox3です。 ブラウザ間の表示誤差をできるだけ少なくするにはどのような指定方法がよいのでしょうか? CSSのフォント関係の指定の部分のみ抜粋します。 html {font-family:'Verdana', sans-serif; color:#444444; font-size:66%; line-height:2.0; letter-spacing :0.2em; } これは小さなことなのですが、他にもIEでの表示でつまづくことが多いので困っています。

    • ベストアンサー
    • HTML
  • PC全体のアンチエイリアス処理

    前まではアンチエイリアスされて画像も文字も滑らかだったのに現在(OS再インストールしたパソコン)はClear Typeにチェックを入れても無駄でした…。 ただClearTypeが効いていないだけなのかドライバーも正常に動作していると表示されています。 画像の線が少しくっきりとなっていて、ぱっと見るだけではあまり気になりませんがやはりギザギザとジャギーが… ほんの少し拡大した線でもギザギザで最初はペイントソフトの設定ミスかと思ったのですが、WEB上の画像や文字、パソコン全体がそうでした。 やはりこれは再インストールが原因でしょうか。検索はしましたが効果→滑らかにする→ClearTypeをオンしかなくて大変困っています… 絵を描く人間なので気にしないという選択肢がなくて…何か設定し忘れているのでしょうか? ソフトを使わずパソコン全体をアンチエイリアス処理するにはどうしたら良いのでしょうか。 解像度は確認済みです。にじむというよりはくっきりしすぎています…

  • CSSで、見出しの文字をアンチエイリアスにしたい。

    はじめまして。CSSのことでどうやって調べてもわからないことがあるので、教えていただきたく宜しくお願いします。 見出しの文字を割りと大きめに表示したいのですが、大きく表示をすると、文字が荒くなってしまいます。サイトを見ると、画像にせずに、フォントデータを持ったままアンチエイリアスの表示ができるようなのですが、CSSでどのように書けばよいのでしょうか? 参考のサイトは http://openlab.jp/k16/htmllint/sitemap.html こちらの「Site Map」のように表示したく思っています。

    • ベストアンサー
    • HTML