userChrome.css・userContent.cssスレ Part14

698(2): 490 (ﾜｯﾁｮｲ 13d4-Gnpp) [sage 転載用　IPAexゴシックに合成してる太字はNotoSansJP-Bold.ttf] 2025/03/17(月) 14:20:39.19 ID:wABYkwin0(1/4) AAS
* {-webkit-text-stroke-width: 0.35px !important;}

@font-face{
font-family: "(合成)IPAexゴシック";
font-weight: normal;
src: local("IPAexGothic");
}
@font-face{
font-family: "(合成)IPAexゴシック";
font-weight: bold;
src: local("NotoSansJP-Bold");
}

* {font-family: "(合成)IPAexゴシック"
/*　このフォント強制法はアイコン用のWebフォントが文字化けするので、
　　訪れるサイトで使われている文字化けしたWebフォント名を
　　↖外部ﾘﾝｸ:itokoba.com
　　の方法から調べて>>33の様に追記していく

⚠　"最終フォント名"の後ろに　,　を付けてるとエラーになって機能しない
　　>>33の場合だと"Iconochive-Regular"の後ろの　,　は要らない（梳り忘れた！）*/
!important;}

805(1): 警備員[Lv.4][新芽] (ﾜｯﾁｮｲ 4f15-FIIW) [sage] 2025/05/21(水) 20:16:00.86 ID:e2RYkwME0(3/3) AAS
>>803
cssでは無理らしい

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
なんて裏技も在ったらしい（けど実装が中途半端に終わってる）

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");