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

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

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 でまぁまぁいけそうです。

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

関連リンク

• Miguフォント : M+とIPAの合成フォント
• M+ FONTS
  • M+ FONTS - Wikipedia
• 拙作めも :
  • M+ OUTLINE FONTS の派生フォントいろいろ

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

• FontForge Open Source Font Editor
• 参考リンク :
  • 【Fontforge】ブラウザやElectron系ソフトで表示される文字がガビガビになってる時の解決法と、ヒンティングについて感じたこと - Qiita
  • Unhinted M+ - Chone(こーね)

フォント名変更 - ttfname3

• メイリオ・meiryoKe・ttfname3

• 拙作めも :
  • Firefox69でヒンティングを無効化した「Migu 1C」を使うテスト
  • Firefox69でヒンティング無しのRobotoJフォントを使うテスト

JavaScript 表示テスト

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

• -webkit-text-stroke-width : 戻す | 0.1px | 0.2px | 0.3px
• 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)
  • 0 0 0.1px rgba(51,51,51,0.5) | 0 0 0.1px rgba(0,0,0,0.5) | #707070 0.05px 0.05px 0.05px
• transform : 戻す | rotate(0.001deg) | rotate(0.03deg) | rotate(0.05deg)
• color : 戻す | #000 | #333 | #555 || background-color : 戻す | #ffc | #ffd | #ffe

font-family	Windows	プブ	あいうえお	漢字
無指定	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	プブ	あいうえお	葛噌一三埒彅漢字片

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

• 【私的】Windows フォントのテストだYO！【ヒンティング削除】 - palm84.com

---

ほなやねん

---

Firefox69でヒンティング無しのRobotoJフォントを使うテスト

はい、のんびり生きようおれたちは～

下記の続きで、

• 拙作めも :
  • Firefox69でヒンティングを無効化した「Migu 1C」を使うテスト

... Firefox69にて、WebRender 有効のまま、M+系フォントをまとも表示するテストです。

• RobotoJ-Font プロジェクト日本語トップページ - OSDN

Androidの標準のフォント「Roboto」に、日本語フォントを合成・改変して作成しました。 Roboto＋日本語(J)という事で、RobotoJと命名しました。

組み合わせた日本語フォントは、モトヤLシーダ3等幅、源真ゴシック、Miguフォント、およびM+ OUTLINE FONTSになります。

RobotoJ-Font プロジェクト日本語トップページ - OSDN

この RobotoJ にはヒンディングありとなしの2種類が同梱されてるのがミソなんですよっと。ヒンディングなしなら初期設定のFirefoxでもまとも表示できるんちゃうのん？... テキな(笑)。

ありとなしの2種類はどちらもフォント名が同じなので同時インストールできません。なもんで下記ページで配布されてるツール「ttfname3」でフォント名を変更しました。

• メイリオ・meiryoKe・ttfname3
• 参考リンク :
  • Windows版FirefoxでのIPA 明朝の表示をもう少しましにする - Tatsu still writes something... Fourth season

はい、とってもとっても感謝ですね！

• Firefox Beta 69.0b8 - RobotoJ_Hint (WebRender)

• Firefox Beta 69.0b8 - RobotoJ (WebRender)

• Firefox Beta 69.0b8 - RobotoJ_Hint + Stylus (WebRender)

• Firefox Beta 69.0b8 - RobotoJ + Stylus (WebRender)

• Stylus 設定

body {
-webkit-text-stroke-width: 0.1px;
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;
}

まぁまぁちゃうかな？

---

なんとかなるぜFirefoxは♪ ほな！

---

モップス1969-1973+3

Firefox69でヒンティングを無効化した「Migu 1C」を使うテスト

まいどー！1234596ーさん！

M+とかWindows標準以外のフォントは初期設定でのFirefoxで、というか Windowsでは全般的にジャギー（ガピガピ）表示でまともに表示できないやん。

Firefox69（※ 現在 Beta 69.0b8）では MacType使えないやん、WebRender を無効にしないと DirectWrite の設定変更でもだめになってますやん。（※ あっと、WebRender 無効にすればおｋですけど...）

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 でまぁまぁいけそうです。

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

せやけど、FontForge なるツールを使い、フォントのヒンティングを無効化すれば初期設定のままでもジャギーのない、まぁまぁまとも表示できましてん。MacType 並みにバッチリOKって程ではありませんけど... （´・ω・｀）

• FontForge Open Source Font Editor
• 参考リンク :
  • 【Fontforge】ブラウザやElectron系ソフトで表示される文字がガビガビになってる時の解決法と、ヒンティングについて感じたこと - Qiita
  • (M+とか)ブラウザ, VSCodeで表示が汚くなるフォントを救え！【シェルスクで自動化編】 - Qiita
  • Windows版FirefoxでのIPA 明朝の表示をもう少しましにする - Tatsu still writes something... Fourth season

はい、さんきゅうべりべりまっちです！

Fontforge はプロ向けツールっぽかったので使ったことありませんでしたが、私でも一応使えました。エラー出まくり無視しまくりしましたけど(笑)。

• Firefox Beta 69.0b8 - Migu 1C (WebRender)

• Firefox Beta 69.0b8 - Migu 1C Unhinted (WebRender)

• Firefox Beta 69.0b8 - Migu 1C Unhinted + Stylus (WebRender)

• Stylus 設定

body {
-webkit-text-stroke-width: 0.1px;
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;
}

---

67はっきりクッキり、ほなほなさん！

---