Help us understand the problem. What is going on with this article?

WindowsのFirefoxのフォントレンダリングをきれいにする

More than 1 year has passed since last update.

2018-07-04追記

Stylishという拡張機能を紹介していましたが、以下のようなニュースが発表されました。

人気のFirefox拡張機能「Stylish」がポリシー違反でブロック、すべての閲覧履歴を収集か

代替となる拡張機能を使用することを推奨します。

はじめに

Firefox Developer Editonを使用していて、以前、
Firefox Developer EditionでMacTypeを有効にする
という記事を書きました。

バージョンアップを経て、いつのまにか、またもやMacTypeが効かなくなりました。
(現在のバージョンは54.0a2 (2017-04-11) (64-bit)です)

いろいろと調べるうちに、MacTypeを使わなくてもそこそこレンダリングが
きれいになる方法があるみたいだったので、試してみました。

スクリーンショット

坊っちゃん(夏目漱石)
http://www.aozora.gr.jp/cards/000148/files/752_14964.html

メイリオ


meiryo.png

Migu 1C


migu-1c.png


どうでしょうか?
なかなかきれいではないでしょうか。

DirectWriteを有効にする

DirectWriteを有効にし、ClearTypeの設定を微調整すると、
かなり違和感がないところまでフォントがきれいになりました。

Firefoxの設定をabout:configでなくuser.jsで変更する
で書いたように、about:configではなくuser.jsで設定変更します。

user.jsに以下のように記載します。

/***  coding: utf-8-unix ***/

// http://d.hatena.ne.jp/palm84/20140725/1406290403
user_pref("layers.acceleration.disabled", false);            // default: false
user_pref("layers.acceleration.force-enabled", true);        // default: false
user_pref("gfx.direct2d.disabled", false);                   // default: false
user_pref("gfx.direct2d.force-enabled", true);               // default: false

user_pref("gfx.font_rendering.cleartype.always_use_for_content", true);    // default: false
user_pref("gfx.font_rendering.cleartype_params.cleartype_level", 100);     // default: -1
user_pref("gfx.font_rendering.cleartype_params.pixel_structure", 1);       // default: -1
user_pref("gfx.font_rendering.cleartype_params.rendering_mode", 5);        // default: -1
user_pref("gfx.font_rendering.directwrite.enabled", true);                 // default: true
user_pref("gfx.use_text_smoothing_setting", true);                         // default: false 

user_pref("gfx.font_rendering.cleartype_params.enhanced_contrast", 200);   // default: -1

参考

Stylishでスタイルをカスタマイズする

上記設定でかなりきれいになるのですが、古い社内イントラシステムだと、MSゴシック、MS明朝などが使われていて、あまりきれいに表示されないことがあります。
(デフォルトよりだいぶましですが)

StylishというAdd-onを使うことで、スタイルを自分で変更することができます。

以下のようにしてスタイルを置き換えてきます。

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

@-moz-document domain("myintra.example.com") {

  body {
    font-family: "Meiryo";  /* MSゴシックをメイリオで置き換え */
  }
}

これで、良く使用するサイトだけ微調整していきます。

参考

おわりに

がんばって調査すればまたMacTypeを使えるようになるかもしれませんが、
ブラウザはどんどんバージョンアップされていくので、今後のことも考えると、
素直にブラウザの機能でフォントをきれいにしたほうがいいと判断しました。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした