Palm84 某所の日記

死のうは一定、しのびクマには何しよぞ...

Firefox69でWebRender有効のまま[DirectWrite support]でMacTypeを適用する

Firefox MacType フォント Win10

f:id:palm84:20190804013209p:plain


スキル高き皆々様に置かれましては今更やん！な話かもしれませんが、これでまぁまぁいけるんですね。シランカッタ...｡ ﾟ(ﾟ´Д｀ﾟ)ﾟ｡

※ あっと、MacLoader64.exe のみ使用での確認なので常駐の場合だと差異があるかもです。アシカラズ。

通常版(Release版)としては最新の v1.2017.628.0 での確認です。Firefox は Beta 69.0b10 使用。

  • Default.ini, iOS.ini では、DirectWrite=1 記入済みでサポートおｋ
  • 他のプロファイルでも、[General] セクションに DirectWrite=1 を記述でおｋ

拡張機能の Stylus で調整すると、コンテンツ（Webページ）内の表示に関しては、ほぼ差異はわからないレベルになりました。下記は Default.ini 使用。

  • Firefox68 + MacType - Migu 1C（※ cairo, Direct2d 無効）

f:id:palm84:20190804013151p:plain

  • Firefox69 DirectWrite + MacType - Migu 1C

f:id:palm84:20190804013202p:plain

  • Firefox69 DirectWrite + MacType + Stylus - Migu 1C

f:id:palm84:20190804013209p:plain

  • Firefox69 DirectWrite + MacType + Stylus - Meiryo

f:id:palm84:20190804013217p:plain

【2019.9.4 追記】Stylus の設定について

書いてなかったので...すみませぬ。

* {
-webkit-text-stroke-width: 0.2px !important;
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) !important;
}

1行目は 0.1 にするか 0.2 にするか微妙なんですけど...

gfx.font_rendering.cleartype_params.rendering_mode の設定については、デフォルトの -1, or 5 に変更、のどちらも差異はわかりませんでした。

尚、Firefox 本体については、サイドバーなどはMacType も Stylus も適用されない (メニューやブックマークツールバーなどはStylus適用おＫ) のでもう少し努力が必要かも （´・ω・｀）

ほなだす

Firefox69に向けた準備でグダグダぐた～

Firefox

f:id:palm84:20190731201238p:plain

INDEX

Firefox Beta 69.0b8 にて確認中… 9/3 リリース予定。

設定確認

userChrome.css, userContent.css を有効にするため about:config で下記を確認。

  • toolkit.legacyUserProfileCustomizations.stylesheets - true

フォント設定

2019.8.4 追記

Firefox Beta 69.0b10 で WebRender 有効のまま、DirectWrite設定のgfx.font_rendering.cleartype_params.rendering_mode;5 が有効になりました。但し、70 と同様 -webkit-text-stroke-width を使うとジャギー表示になります。

2019.8.4 追記

UI（Firefox本体）はだめですが、MacType の DirectWrite support + 拡張機能 Stylus でまぁまぁいけそうです。

ヒンティングを無効化したフォントを使おうかなと思ってますが、それだとメイリオとかがいまいちなので、WebRender無効の方が無難かなぁ？

WebRender を無効にするには、about:config にて下記を設定

  • gfx.webrender.force-disabled - true

userChrome.js ファイル置換

【2019.9.4 追記】バージョン別対応スクリプトのページが

できてました。めっちゃ感謝！

userChrome.js 関連で下記を更新

個別スクリプト

userChrome.js - 現状版でもおｋ？

userChrome.js - 未対応？

【2019.9.4 追記】下記の訂正でイケるかも？

405名無しさん＠お腹いっぱい。2019/05/22(水) 17:43:12.89ID:T54zbt5k0 一応69.0a以降用メモ ■userChrome.xml/userChrome.js他を最新版に更新 ■chrome://browser/content/browser.xulをchrome://browser/content/browser.xhtmlに置換 ■それでも駄目ならcreateElementをcreateXULElementに置換

Firefox userChrome.js greasemonkeyスクリプトｽﾚ39

【2019.9.9追記】対応版が上がってました。

それでもやっぱり考えてしまう～、あーこのけ（ｒｙ

ほなぐだ～

Firefox69以降でMacTypeを使わないフォント設定でしどろもどろ～

Firefox フォント Win10

f:id:palm84:20190728171443p:plain

「ディスプレイ買い替えればー」は言わない約束にておねがい(笑)

INDEX

現況

Windows でも Migu 1C などM+系のフォントを使いたいんですよ。

  • Windows では同梱以外のフォント、M+ などの TrueType font がジャギーな表示となりまともではない
  • Firefox 68 では MacType の使用でまともな表示が可
  • Firefox 69 では、cairo がないので MacType が使えないらしい(?)
  • Firefox 68, 69 では、WebRender 有効だとまとも表示できない（※ あくまで現時点では）、WebRender を無効化し（※）、DirectWrite (gfx.font_rendering.cleartype_params.rendering_mode;5) + 拡張機能 Stylus で（まぁまぁな）まとも表示可
  • Firefox 69, 70 では WebRender 有効のまま、DirectWrite(gfx.font_rendering.cleartype_params.rendering_mode;5) + 拡張機能 Stylus でまぁまぁまとも表示可だが、-webkit-text-stroke-width を使うとジャギー表示になってしまう

私見ですけども… 70 では DirectWrite + Stylus でいけそうですが、69 では WebRender 無効にするか、Migu 1C を調整、RobotoJ とかそのままでもまぁまぁなフォントを使うとか、かなぁ？いまんとこは...

2019.8.4 追記

Firefox Beta 69.0b10 で WebRender 有効のまま、DirectWrite設定のgfx.font_rendering.cleartype_params.rendering_mode;5 が有効になりました。但し、70 と同様 -webkit-text-stroke-width を使うとジャギー表示になります。

2019.8.4 追記

UI（Firefox本体）はだめですが、MacType の DirectWrite support + 拡張機能 Stylus でまぁまぁいけそうです。

フォント内容変更ツール = FontForge で Hinting 情報除去

フォント名変更 - ttfname3

JavaScript 表示テスト

JavaScript によるテストです。MacType, Stylus は無効にした状態で試してみて下され。（※ 無いフォントは Serif で表示）

font-familyWindowsプブあいうえお漢字
無指定 Windows プブ あいうえお 葛噌一三埒彅漢字片
ＭＳ Ｐゴシック Windows プブ あいうえお 葛噌一三埒彅漢字片
メイリオ Windows プブ あいうえお 葛噌一三埒彅漢字片
游ゴシック w500 Windows プブ あいうえお 葛噌一三埒彅漢字片
UD デジタル 教科書体 NP-R Windows プブ あいうえお 葛噌一三埒彅漢字片
BIZ UDPゴシック Windows プブ あいうえお 葛噌一三埒彅漢字片
Migu 1C Windows プブ あいうえお 葛噌一三埒彅漢字片
M+ 1c Unhinted Windows プブ あいうえお 葛噌一三埒彅漢字片
Migu 1C Unhinted Windows プブ あいうえお 葛噌一三埒彅漢字片
RobotoJ Windows プブ あいうえお 葛噌一三埒彅漢字片
RobotoJ_Hint Windows プブ あいうえお 葛噌一三埒彅漢字片

下記は大したことないけどテストページ、ブックマークレットとか置いてます。

ほなやねん