サイトのフォント

Firefox

私は、MeiryoKe_PGothicでいつもWebサーフィンしています。
Firefoxのフォントの設定をMeiryoKe_PGothicにしていても、CSSのfontの指定がおかしいと悲しくなります。

こんな感じ。


しかし、Firefoxには、サイトのCSSのfont指定を無視して表示させる機能があります。*1

こんな感じ。


MeiryoKe_PGothicで表示されていて気持ちいいです。
しかし、完全にサイトのCSSのfont指定を無視しているのは悲しいので対応させてみた。
と言っても、一瞬で対応出来たので、速くやれば良かったと後悔。

こんな感じ。


どうでしょうか?
フォントは好みが強く出ると思います。
そしてサイトはフォントを強制させたり綺麗に対応出来ていなかったりしています。
なので、サイトが設定していて従えるフォントのみ従い、
それ以外のフォントは自分の好みのフォントにしてみたらどうでしょうか?


サイトで文を読む時などは結構目の疲れ方が違いますよ。


と言う事で、コード

@namespace url(http://www.w3.org/1999/xhtml);

*{
  font-family: MeiryoKe_PGothic;
}

以上です。
MeiryoKe_PGothicを自分の好きなフォントに書き換えればokです。
そして短いです。


速度が気になる方は、

@namespace url(http://www.w3.org/1999/xhtml);

body,div,td,p,span,a,dd,ol,ul,li{
  font-family: MeiryoKe_PGothic;
}

の様にタグを指定しても良いかと思います。


さらに、bodyだけはサイトのCSSを無視してフォントを強制したいという方は、

@namespace url(http://www.w3.org/1999/xhtml);

body{
  font-family: MeiryoKe_PGothic !important;
}

と、すれば良いかと思います。


こういうちょこまかしたCSSをまとめるのに、Stylishが便利ですよ。

  • -

明朝体、使わせてくれ！ + 技の蔵之介をたまたま見ていた書いたネタ。
普段はMeiryoKe_PGothicで表示されるのに、表示させてくれないサイトがちまちまとあったので作ってみた。
作ったと言うほどのものではないけど。

*1:[ツール]-[オプション]-[コンテンツ]-[フォントと配色]-[詳細設定]-[Webページが指定したフォントを優先する]のチェックをオフ