CSS Firefox フォント

Firefox ブックマークバー / コンテキストメニュー のフォントやレイアウトの調整

Firefoxの“ブックマークバー”や“コンテキストメニュー”のフォントやレイアウトの調整を実現するスタイルシートの紹介。

スクリーンショットは、「Linux Mint - Cinnamon」Firefox 60。

ブックマークバーのフォルダをクリック

右クリック


[右上三本線] → [ヘルプ] → [トラブルシューティング情報] の「プロファイルフォルダー」にある [chrome/userChrome.css] にスタイルシートを追加する。chromeディレクトリやuserChrome.cssファイルが存在しない場合は、新規に作成する。 (Windows でも同様)

/* bookmark and context menu */
#PersonalToolbar .bookmark-item, menuitem {
    font-family: "Noto Sans CJK JP";
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0px 4px !important;
    margin-top: -3px !important;
    margin-bottom: -3px !important;
}

フォントがクッキリ、行間などのレイアウトもバッチリ、見やすくなった。
最終更新日:
コメントは受け付けておりません。