Firefoxの場合は、標準フォントを「メイリオ」に設定しておくとある程度勝手にフォントを置き換えてくれます。ChromeはCSSで具体的にフォント名が指定されている場合は、指定されたフォントを優先して適用するようです。Pゴシック」とフォント名を指定してくれているWebサイトでは、残念ながらあのビットマップのフォントが表示されてしまうというわけです。これらのフォントの使用場面が減るだけで、「Windowsはフォントの表示が汚い」といった誤解も減らせそうなのですが......。いうわけで、せめてブラウザでは極力表示させないようにしてみたいと思います。Chromeでは、ユーザーが閲覧中のWebページに任意のスタイルを指定することができる「ユーザースタイルシート」が利用できます。このユーザースタイルシートでフォントを指定することも可能です。フォントの指定方法には、2つの方法があります。「!important」を使う1つは「!important」で強制的にフォント指定を適用させる方法です。}みたいに書いておくと、p要素の文字にはすべてメイリオが適用されるようになります。Pゴシック以外のフォントもすべて書き換えられてしまいます。Pゴシックと同じ文字幅に設定された「MeiryoKe_PGothic」というフォントを利用すれば、サイト自体が大きく崩れることはありませんが、やはりすべて同じフォントというのは味気ないですね。何より、等幅フォントとプロポーショナルフォントをdivやspan要素で使い分けているWebサイトの場合は、classを調べて指定し直さないといけません。classの値などWebサイトごとにそれぞれ異なるので、利用しているサイトすべてに対応しようなんて考えるとこれまた面倒です。Chromeのスタイルシートではもう1つ、「@font-face」を使用することでフォントを指定することもできます。@font-faceはWebフォントを利用するときに本来?は使うようなのですが、実はローカルのフォントを指定することも可能です。特定のフォントとパソコンにインストールしている任意のフォントを置換させることができます。Pゴシックを別のプロポーショナルフォントにそれぞれ@font-faceで指定してやれば、ほかのフォントに影響を与えることなく、この2つのフォントをWebページ上から消せるわけです。これだと目的をうまく達成できそうですね。Chromeのユーザースタイルシートを開きます。Windowsの場合は、下記のパスから取得できると思います。/*新しく適用させたいフォントを指定*/}こんな感じで指定が可能です。編集後上書き保存すると、すぐにフォントが変更されます。ちなみに、MeiryoKe_Gothicはメイリオから生成した等幅フォントです。作り方の詳細等は下記ページで解説されています。8倍速対応これだけでもかなり見栄えがましになるとは思うのですが、メイリオ系の英字フォントはちょっと残念なので、等幅フォントは「Consolas」とかにしたいですね。7ならはじめからインストールされているはず。英字と日本語のフォントの使い分けについてですが、実は可能です。@font-faceでは、unicode-rangeという記述子で、適用させる範囲を指定することもできるようです。U+0080-FFFF;}こんな感じですね。これでうまいことフォントを使い分けてくれるようになります。しゃれた英字フォントを使ってみるのもよいのではないでしょうか。最後に、自分のCustom.cssの設定内容をさらしておきます。U+0080-FFFF;}以上!Windowsのフォント表示は決してだめではありませんよ。初期設定のフォントがちょっとだめなだけなんです。はてなブログが利用できるようになった。»プロフィールid:takepierrotライター/編集の沢田がお仕事に役立つかもしれない思いつきを記録しています。月別アーカイブはてなブログをはじめよう!takepierrotさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。