Firefox71の「MacType的」フォント設定

ほーい！“cannot live without Firefox”な皆さま方息してますかぁ~（挨拶）

などとのたまいつつ書いてみましたよ。まぁそれほど詳しいわけでもないのでアシカラズ。

INDEX

• Firefox 69 以降でのMacType風フォント設定
• DirectWrite
• CSS
• いろいろ

Firefox 69 以降でのMacType風フォント設定

Firefox 69以降では以前のようにMacTypeを適用する事が不可となりました。しかし、DirectWrite + CSS設定で近い表示にできることはご存じの通りなのであります。

1. DirectWrite - どちらかで設定
   • Firefox 本体で設定
   • MacType の DirectWrite Support 機能を使う
2. CSS設定 - フォントを太くしたり、影を付けたり
   • 拡張機能 Stylus - Webページのみ
   • userContent.css - Webページ, 「オプション」等Firefox内の設定などのページ
   • userChrome.css - メニューなどFirefox のUI（外観）（※ 但し、サイドバーなど 適用不可）

DirectWrite の設定について、MacType だと Textar などMS系フォントがFirefox本体での設定よりマシになる、WebRenderが有効の場合にM+系フォント（Migu 1C とか） + -webkit-text-stroke-width でジャギーにならない、という2点の利点があります。でも、この2点を気にしないならMacTypeは不要だと考えております。

フォントをMacやLinuxの様にアンチエイリアス風味にするのは、CSSで下記2点の値を調整するんですな。（※ このページのサイドバーにブックマークレットを置いてありますん。）

• -webkit-text-stroke-width - CSS: カスケーディングスタイルシート | MDN
• text-shadow - CSS: カスケーディングスタイルシート | MDN
  • text-shadow－CSS3リファレンス

CSS設定について、userContent.css が優先となるけど、Stylus では再起動せずに適用が可能なので、Stylus で設定して好みが確定したら userContent.css に記述するのがいいんじゃないでせうか。

userChrome.css でメニューのフォントなどが設定できますが、サイドバーにはなぜか、-webkit-text-stroke-width と text-shadow が効きません。orz

拙作めも

• Firefox69以降でMacTypeを使わないフォント設定でしどろもどろ～
• Firefox69でヒンティングを無効化した「Migu 1C」を使うテスト
• Firefox69でヒンティング無しのRobotoJフォントを使うテスト
• Firefox69でWebRender有効のまま[DirectWrite support]でMacTypeを適用する

DirectWrite

Firefox本体でのDirectWrite設定について、

• 拙作めも :
  • Windows版 Firefox の DirectWrite を設定してフォントを見やすくしてみたけどいまいちかなぁ。orz

ってか、下記だけでもイケるかもしれない。

• gfx.font_rendering.cleartype_params.rendering_mode - 5

MacTypeを使う場合は…

• 拙作めも :
  • Firefox69でWebRender有効のまま[DirectWrite support]でMacTypeを適用する

CSS

書きました...

• 【私的】Windows10版Firefox82のUI(外観)のフォント表示設定を弄りました...【我流】

こんなかんじにしてます。

• userContent.css

*|* {
-webkit-text-stroke-width: 0.15px;
text-shadow: 0 0 1px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.01), 0 0 3px rgba(0,0,0,0.01);
}

。

• Migu 1C (Unhinted)

• メイリオ

• userChrome.css

*|* {
font-family: 'Migu 1C Unhinted' !important;
-webkit-text-stroke-width: 0.2px !important;
text-shadow: 0px 0px 1px #acacac;
}

menubar,
menubutton,
menulist,
menu,
menuitem,
textbox,
toolbar,
.tab-text,
tree,
tooltip,
sidebarheader,
statusbar {
font-size: 14px !important;
}

サイドバーにはなぜか装飾が効かないのでデフォルト(?)フォントに設定し直し

.sidebar-placesTreechildren {
font-family: 'Yu Gothic UI' !important;
}

• 拙作めも :
  • Firefox - DirectWrite + Stylish で MacType 風フォント表示にしてみる

いろいろ

以前のMacType適用状態に比べたらいまいちなのですが、サイドバー以外は慣れちゃいました。サイドバーで色々なフォントを試しましたが、M+系はかすむのでMS系に戻してるのがなんだかなぁなかんじ。

• 5chスレ :
  • MacType スレッド 22px
  • userChrome.css・userContent.cssスレ Part10

---

本日のほなはこれまで！（越前守風にｗ）

---