userChrome.css・userContent.cssスレ Part14

803(4): 766 (ﾜｯﾁｮｲ cad4-mHPU) [sage] 2025/05/21(水) 18:54:19.98 ID:k1xjR9To0(1) AAS
「Ctrl + F」の検索で掛かる
　・該当ワードの[グリーンに白の🔤]
　・☑すべて強調表示でハイライトする[マゼンタに白の🔤]
を
userChrome.cssかuserContent.cssで指定する方法知らない？

about:configの方で
　ui.textSelectAttentionBackground
　ui.textSelectAttentionForeground
　ui.textHighlightBackground
　ui.textHighlightForeground
から指定が出来るのだけど、
.cssに書き込んだ方が管理がし易そう

🕡外部ﾘﾝｸ:www.insidespeech.com
　findbar.modalHighlight
なんて裏技も在ったらしい（けど実装が中途半端に終わってる）

701(2): 700 (ﾜｯﾁｮｲ 13d4-Gnpp) [sage] 2025/03/17(月) 16:59:11.27 ID:wABYkwin0(4/4) AAS
今自分が使ってる文字セッティングは
Firefox ESR 115.21.0 での　（⚠ v123以上からはwebkit-text-strokeの処理が穢い）

* {-webkit-text-stroke: 0.2px !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
* {font-family: "ヒラギノUD角ゴ StdN",
"Material Icons",
"icon", "FontAwesome", "Font Awesome 5 Brands", "Font Awesome 5 Free",
"Google Symbols",
"VideoJS", /* Wikipedia */
"icomoon", /* Yahoo! ニュース動画 */
"utIcon",
"ichiba-icon-font", "rex-icon", "fricon", /* 楽天系 */
"AmebaNewSymbols", "ameba-symbols",
"nsiconfont", /* 日刊スポーツ */
"Iconochive-Regular",
"Support MDL2 Assets", "Support Fluent Assets", /* Microsoft */
"Glyphicons Halflings" /* bokete */
!important;}

::selection{
color: #000; /*選択時の文字色を指定*/
background: #c0c0c0; /*選択時の背景色を指定*/}

766(2): 744 (ﾜｯﾁｮｲ 12d4-Fbt+) [sage 転載用] 2025/05/04(日) 11:57:50.29 ID:XGHbycrG0(1) AAS
FirefoxのUIに使われてるWindowsのｸｿUIﾌｫﾝﾄをポアする方法
──────────────────────────────userChrome.cssの方
* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "エセナパＪ" !important;}
::selection {
color: #000;
background: #c0c0c0;}
──────────────────────────────userContent.cssの方
@-moz-document url-prefix(about:), url-prefix(moz-extension:), url-prefix(chrome://), domain(mozilla.org)
{
* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "エセナパＪ", "Material Icons" !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
::selection {
color: #000;
background: #c0c0c0;}
}
──────────────────────────────
エセナパ🇯: 外部ﾘﾝｸ:tanukifont.com

　・userContent.cssに入れてるのは、userChrome.cssでは替えきれないFirefoxの関連ページ
　　url-prefix(chrome://)も必要だったかは不明
　・"Material Icons"は、mozilla.orgで使われてるWebフォントだったかも
　・color: #000;は、選択範囲時の白文字がtext-stroke-widthと相性が悪いので黒に変えてる
　・text-shadowとbackgroundは任意、text-stroke-widthは>>744

>>698のIPAexゴシックの太字欠品をNoto Sans JPでの補間法は、
　先月のWindows Updateでインストールされた「NotoSansJP-VF.ttf」の方で指定するなら
　PostScript名が "NotoSansJP-Thin" になってるから、
　太字なのに
font-weight: bold;
src: local("NotoSansJP-Thin");