SSブログ

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

[ソフトウェアのバージョン]
・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 ページへの対応)


4. 備考


明朝体を使用しているサイト
cf. http://nagi.tv/
cf. https://www.4696.co.jp/blog/9/



nice!(0)  コメント(0) 
共通テーマ:パソコン・インターネット

nice! 0

コメント 0

コメントを書く

お名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

※ブログオーナーが承認したコメントのみ表示されます。