Firefoxでアイコンが文字化けすることへの対応

[ソフトウェアのバージョン]
・Firefox 78.4.0esr (on Linux/Windows)
・Firefox 52.9.0esr (on Linux/Windows)

1. 発生事象

Firefox において、アイコンの文字化けが発生する。

・ツイッター等のアイコンの文字化け
・uBlock Origin アドオンのダッシュボードでのアイコンの文字化け
　([フィルター一覧]、[Myフィルター] 等で発生)

2. 原因

下記のようなフォント設定を行っているためである。

(例) Linux の場合
* {
  font-family: "Sazanami Gothic", monospace !important;
}

【設定の目的】
・明朝体を使用したくないため。
　([ウェブページが指定したフォントを優先する] を無効化している。)
【設定箇所】
・Stylus アドオン
・<profile-dir>/chrome/userContent.css
【設定の問題点】
・すべてのコンテンツを対象としていることが問題である。

3. 対処方法

下記のように設定を変更する。

(1) 原因となっている設定の訂正

上記の原因となっている設定を下記のように変更する。

body {
  font-family: "Sazanami Gothic", monospace !important;
}

(2) 設定の追加

Firefox のフォントの詳細設定で、下記の設定を行う。
上記 (1) の設定の対象から漏れるコンテンツへの対応である。
(章のタイトル、等)

・日本語の明朝体フォントにゴシック体のフォントを指定する。
　明朝体 (Serif): Sazanami Gothic
　(明朝体を使用する Web ページへの対応)
・必要なら、ラテン文字、その他の表記体系についても同様の設定を行う。
　(lang 属性が英語、Unicode の Web ページへの対応)

[備考]