userChrome.css・userContent.cssスレ Part14 (984レス)
前次1-
抽出解除 レス栞

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: "エセナパJ" !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: "エセナパJ", "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
744(1): 743 (ワッチョイ 02d4-U54R) [sage 転載用] 2025/04/06(日) 08:54:56.49 ID:hybClNy80(2/2) AAS
webkit-text-strokeのpx数は、使用フォントによって違うのと
Chrome(Chromium系)ではもう少しpx数が必要
Firefoxではv123から改悪されていてv122.0.1までより綺麗にならない

  Chrome: 外部リンク:web.archive.org
 🦊v122.0.1迄: 外部リンク:web.archive.org
 🦊v123~127: 外部リンク:web.archive.org
 🦊v128~現在: 外部リンク:web.archive.org
  ダメダコリャw: 外部リンク:web.archive.org

  ※Stylusは既にManifest v3に対応済み
  ※ヒラギノUD角ゴ W3になってる箇所は W4 W6 の閒違い
  ※使用ディスプレイはWQHD 27インチでスケーリングが100%
   4Kディスプレイは経由しないので、
   4Kでもtext-strokeやヒンティングの除去が必要かは不明

現在、再々延長サポートされてるESR 115をESR 128系へ自動アップデートさせずに使う手法は、
外部リンク:ftp.mozilla.org (現在だったら115.22.0esr/➔win64/➔ja/➔Firefox Setup 115.22.0esr.exe)
からインストールした直後に
作成しといた自動アップデートを無効化するdistribution\policies.json 📁📄外部リンク:aprico-media.com
をインストールフォルダにコピペして止める

  ※distribution📁はインストールの度に消える
  ※about:configのapp.update法は現在では機能しない

外部リンク[html]:forest.watch.impress.co.jp
今月のWindows UpdateでWindowsにGoogleのNotoが標準インストールとなり
Chrome(Chromium系)では仕様により本文フォントが[メイリオ]➔[Noto Sans JP]に置き替わる

>>698
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;}
のIPAexゴシックの太字欠品をNoto Sans JPでの補間法は、
 先月のWindows Updateでインストールされた「NotoSansJP-VF.ttf」の方で指定するなら
 PostScript名が "NotoSansJP-Thin" になってるから、
 太字なのに
font-weight: bold;
src: local("NotoSansJP-Thin");
767: 名無しさん@お腹いっぱい。 (ワッチョイ 9315-KeI6) [sage] 2025/05/04(日) 17:37:14.13 ID:hahGcFfp0(1) AAS
>>766
フォントが変わったすごい
808: 803 (ワッチョイ cad4-mHPU) [灰色は、PEUGEOT 9X8の2023年ル・マン前までのgrisがトレビアン sage] 2025/05/23(金) 06:58:03.66 ID:0fJ1fNFv0(1/2) AAS
>>805
805(1): 警備員[Lv.4][新芽] (ワッチョイ 4f15-FIIW) [sage] 2025/05/21(水) 20:16:00.86 ID:e2RYkwME0(3/3) AAS
>>803
cssでは無理らしい
調べても掛からないから意外と無いのかも。

Skiaのフォントレンダリングを補整できるwebkit-text-stroke-widthは
文字が選択範囲で白字化する際に
白色化前のcolorでstrokeしてしまいアウトラインが黒縁になるので、
about:config法(>>803
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
なんて裏技も在ったらしい(けど実装が中途半端に終わってる)
)で文字色にあたるForegroundの方を #000000 (⬛)に書き変え。

 ⚙about:configは
  何の為にどの記述を変えたのかをノートしとかないと🩶外部リンク:bokete.jp

それから、>>701
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
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
::selection {
color: #000;
background: #c0c0c0;}
を、

* {text-shadow: 0px 0px 0.36px rgba(128, 128, 128, 0.333) !important;}
::selection {background: rgba(128, 128, 128, 0.5);}

にchange the 𝖂ord
 ・16進数の#カラーコードではなくてrgba(,,,)値で指定した方が、色とα(透過)率を把握し易い
 ・シャドウ(blur-radius)はK(⬛)で透過の方が良いかと思ったけど、白以外の背景色との兼ね合いでは・・・灰色で・・・・・・
 ・::selectionはcolor値を指定しないと白字化しなかったので、ではbackgroundを灰色で半透明で。

>>806-807 MrOtherGuy
適用前と適用後の画像を添えておくと、とっても参考になるよ
前次1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.040s