userChrome.css・userContent.cssスレ Part14 (923ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞
701(2): 700 (ﾜｯﾁｮｲ 13d4-Gnpp) 03/17(月)16:59 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; /*選択時の背景色を指定*/}
743: 728 (ﾜｯﾁｮｲ 02d4-U54R) [sage 転載用] 04/06(日)08:54 ID:hybClNy80(1/2)調 AAS
* {-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. 🎞2chｽﾚ:win
808: 803 (ﾜｯﾁｮｲ cad4-mHPU) [灰色は、PEUGEOT 9X8の2023年ル･マン前までのgrisがトレビアン sage] 05/23(金)06:58 ID:0fJ1fNFv0(1/2)調 AAS
>>805
調べても掛からないから意外と無いのかも。
Skiaのフォントレンダリングを補整できるwebkit-text-stroke-widthは
文字が選択範囲で白字化する際に
白色化前のcolorでstrokeしてしまいアウトラインが黒縁になるので、
about:config法(>>803)で文字色にあたるForegroundの方を #000000 (⬛)に書き変え。
⚙about:configは
何の為にどの記述を変えたのかをノートしとかないと🩶https://bokete.jp/boke/27401566
それから、>>701と>>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.035s