userChrome.css・userContent.cssスレ Part14

[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part14 (1002ﾚｽ)
上下前次 1-新
通常表示 512ﾊﾞｲﾄ分割ﾚｽ栞

このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索歴削→次ｽﾚ栞削→次ｽﾚ過去ﾛｸﾞﾒﾆｭｰ

712: 710 (ﾜｯﾁｮｲ 42d4-3A8V) [sage] 2025/03/28(金) 17:20:43.92 ID:QCHLwJtn0

>>711
なるほど・ザ・ワールド！

マウスオーバーなどで変化する要素を調べる時にたまに使うのが
📌https://zenn.dev/gemcook/articles/3e90d883100140#%E2%91%A3-1-%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88%E3%82%92%E7%99%BB%E9%8C%B2%E3%81%97%E3%82%88%E3%81%86
にある『setTimeout(() => {debugger}, 3000)』
をコンソール(Ctrl + Shift + K)に打ち込んでフラッシュストッパー

>>705で述べたジェスチャーってのは
🧩アドオンのGesturefyでのこういうの（☟はタブに関するジェスチャーだけを抜粋）
　　タブを再読み込み:　←↑→
　　タブのピン留めを切り替え:　↑→←
　　タブを複製:　↑←→
　　最初のタブにフォーカス:　→←
　　最後のタブにフォーカス:　←→
　　タブを末尾に移動:　→↑→
　　左側のタブを閉じる:　←↓→
　　右側のタブを閉じる:　→↓←
　　他のタブを閉じる:　←→←
　　[Popup] 最近閉じたタブ:　↓
　　[Popup] すべてのタブ:　→↑
　　画像を新しいタブで開く:　↑
　　タブを新しいウィンドウに移動:　←→↓

他のアプリとの汎用性の高い基本的な共通動作や、Gesturefyでは指定できないショートカットキーは
　マウス(🖲)のデバイスのソフトウェアの方のジェスチャーで割り振ってる
　　e.g. ・https://mevius.5ch.net/test/read.cgi/hard/1717148385/258n

Windows、Firefox、Logitech(ﾛｼﾞｸｰﾙ)、𝕏(Twitter) etc...のﾃﾞｸﾞﾚな為体を鑑みても
ITで何をするか以前に、ちゃんとシステムが使える様にする事に時間と知識を割り当てなきゃならんていうね

Firefoxは、v123からのwebkit-text-strokeの劣化が治らん限りESR 115かv122.0.1までしか使えん。俺は

http://egg.5ch.net/test/read.cgi/software/1710362871/712

743: 728 (ﾜｯﾁｮｲ 02d4-U54R) [sage　転載用] 2025/04/06(日) 08:54:11.45 ID:hybClNy80

* {-webkit-text-stroke-width: 0.45px !important;}

@font-face{
font-family: "游ゴシック【本来】"; /* ←@font-faceでfont-familyを即席で作る。名前は何でもいい */
font-weight: normal;
src: local("YuGothic-Medium"); /* ←local("　")にはフォントのPostScript名が必要 */
}
@font-face{
font-family: "游ゴシック【本来】";
font-weight: bold;
src: local("YuGothic-bold"); /* ←Bold体だけ別のフォントにすることも可 */
}

* {font-family: "游ゴシック【本来】" /* ←↑で作った即席のfont-family名 */
/* , *//*  文字化けするアイコン用Webフォントを>>698↖ */
!important;}
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
※
Windowsに8.1から標準搭載されてる游ゴシック(MicrosoftのYu Gothic UIとは違う)は、
Microsoft社畜がド低能なので
ウェイトが細すぎて本文などにはそのままでは使えない（※MacはMediumとBoldだけを選定して搭載してる）
から俺竜の矯正方法　（吾輩のセッティングは>>701）

* {font-family: "Lucida Console", "游ゴシック(本来)" !important;}
の様に、欧文フォントを先に入れとくと従属欧文だけを任意のフォントに混合する事も可

フォントの「PostScript名」を視られるソフトが意外と無い！
砂漠の中から砂金を👁つけれたのが dp4 Font Viewer: 📛https://us.fontviewer.de/

Windowsはレンダリングが低級なのに加えて『ヒンティング』という鱗も附いてるので
マトモに遣いたかったら更にMacTypeなどで鱗を落とす必要が有る
　c.f. 🎞https://mevius.5ch.net/test/read.cgi/win/1642086530/879n

http://egg.5ch.net/test/read.cgi/software/1710362871/743

744: 743 (ﾜｯﾁｮｲ 02d4-U54R) [sage　転載用] 2025/04/06(日) 08:54:56.49 ID:hybClNy80

webkit-text-strokeのpx数は、使用フォントによって違うのと
Chrome(Chromium系)ではもう少しpx数が必要
Firefoxではv123から改悪されていてv122.0.1までより綺麗にならない

Chrome:　https://web.archive.org/web/20241106031549if_/https://pbs.twimg.com/media/Gbq2GafasAAvib7.png:orig
　🦊v122.0.1迄:　https://web.archive.org/web/20240320101902if_/https://pbs.twimg.com/media/GJGEKEVbcAAD9IT?format=png&name=orig
　🦊v123～127:　https://web.archive.org/web/20240320102005if_/https://pbs.twimg.com/media/GJGEKq2a4AE-DnI?format=png&name=orig
　🦊v128～現在:　https://web.archive.org/web/0if_/https://pbs.twimg.com/media/Gbq2HKKa8AAqkhB.png:orig
　　ﾀﾞﾒﾀﾞｺﾘｬｗ:　https://web.archive.org/web/20241106032027if_/https://pbs.twimg.com/media/Gbq2IlFbkAAQJw-.png:orig

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

現在、再々延長サポートされてるESR 115をESR 128系へ自動アップデートさせずに使う手法は、
⬇https://ftp.mozilla.org/pub/firefox/releases/　（現在だったら115.22.0esr/➔win64/➔ja/➔Firefox Setup 115.22.0esr.exe）
からインストールした直後に
作成しといた自動アップデートを無効化するdistribution\policies.json 📁📄https://aprico-media.com/posts/6417#head-d3ead33350d1d6a6599cb2e873773191
をインストールフォルダにｺﾋﾟﾍﾟして止める

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

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

http://egg.5ch.net/test/read.cgi/software/1710362871/744

766: 744 (ﾜｯﾁｮｲ 12d4-Fbt+) [sage 転載用] 2025/05/04(日) 11:57:50.29 ID:XGHbycrG0

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;}
}
──────────────────────────────
エセナパ🇯: https://tanukifont.com/esenapaj/#toc4

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

http://egg.5ch.net/test/read.cgi/software/1710362871/766

上下前次 1-新書関写板覧索設栞歴

あと 184 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.032s