userChrome.css・userContent.cssスレ Part14

[1 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ Sd7f-7qXA) 2024/03/14(木) 05:47:51.97 ID:j/YmZdFbd]

!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●前スレ
userChrome.css・userContent.cssスレ Part13
https://egg.5ch.net/test/read.cgi/software/1700870200/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager (要userChromeES)
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
Userstyles.org
https://userstyles.org/
CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/

---

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

[33 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 13d4-W6HF) 2024/03/22(金) 14:53:40.93 ID:w4OeH/Sv0]

ブラウザで表示されるフォントを指定フォント強制で使う為に
Stylusに

* {font-family: "指定フォント名",
"icon",
"FontAwesome",
"Font Awesome 5 Brands", "Font Awesome 5 Free", "Font Awesome\ 5 Pro",
"Google Symbols",
"Support MDL2 Assets", "Support Fluent Assets", /*Microsoft*/
"VideoJS", /*Wikipedia, amazon*/
"icomoon", /*Yahoo!ニュースの動画(縦の位置がズレる)*/
"ichiba-icon-font", "fricon", /*楽天市場, ラクマ*/
"AmebaNewSymbols", "ameba-symbols",
"nsiconfont", /*日刊スポーツ*/
"Iconochive-Regular",
!important;}

を入れてるのですが、
アイコン用のWebフォントが文字化けするので
見かけ次第、上記の様に追記補整しています。
この未知なるWebフォント群を一括表記する記述方はありますか？

[34 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d9be-u1++) 2024/03/22(金) 15:53:43.93 ID:4zTdtWTh0]

>>33
ない
全称セレクター * をやめればいい
アイコンフォントが適用される要素は十中八九子孫を持たないので

:not(:empty) {
font-family: "指定フォント名" !important;
}

とか

[35 33 (ﾜｯﾁｮｲ 13d4-W6HF) 2024/03/22(金) 17:40:57.12 ID:w4OeH/Sv0]

>>34
無い了解。

:not(:empty) {font-family: "指定フォント名",
"Google Symbols"/*Google Map*/,
"icomoon"/*Yahoo!ニュースの動画(縦の位置がズレる)*/
!important;}

:not(:empty)をチェックしてみたら記述量を大幅に減らせました
が、替わらない箇所が出てきてトレードオフでした（使用ブラウザはFirefox）

全称セレクター *で替えられなかったサイトhttps://373news.com/_news/storyid/186182/
が、:not(:empty)では替えることができてました