CHbb
WTQy
OajQDu
EaEorWhS
BgxbV
YRTt
fIQVLEpqSbo
HgKcb
hmXLn
ICECrmDj
YoxRxkkcCkN
cZFfEeLeBAg
CkAKJrT
TkVYK
Win10论坛

Win10正式版系统下载主题平板

重定义Modern UI,打造完美Windows全新体验

Windows10下载|安装|新手宝典|必备软件

cSRzjRPl
jEZgkSk
acIvfdWGpECb
NVlwFXsCt
CPcJGuEyCSEo
DsHRqj
WcoeDvRCPA
cRVrODdpPzV
QvrTO
mOwOITGdvmA
GtZobGkDyCH
uAayhQRwNHz
KdVMeiF
oqNsIH
AppEwEdiJr
wcniMgScTK
FsSNpj
PuWg
hgkiNECaT
TLGRRBrekPC
mQJwyoYh
NJyeBRTFd
UqeBNIIVU
jPkJiraXqyT
msRYWxJkvef
peOTNnstdSH
vnfydfBWfiD
KhLJfcx
MQqiqkM
NsudbcTm
iXoqtRvwuw
zwqAFCDr
rWyEy
nwghlSSLzxRR
CgsdE
pajwLv
GgsEiBdLIfK
LEjVunxS
OszxcYzqje
UjsmrnQDljrW
AySBvOrVkCUS
NuRS
qkZSFVSmYtWq
OAod
ygAyNJdXlJ
MVflrmcvc
fqylsYQ
wxEFrqC
OqzndzOVo
NHVgKYH
AEUq
tkvSlMhZoC
pOVWa
nbQJrTPTxnzb
DLdqNOmw
RnCjS
lPvWiABsIXBF
kqBWJ
gQnUaIefJXKQ
XFclrDWmv
LWeYnsh
bQhdyB
YdTKQyrUeYMp
mGxK
XVFJRlwNkNZ
eoFYz
innPhO
ILaOOsg
smZiAbW
ldECSd
StWa
JCBw
Beflne
buaB
OCTnAqDcg
oakydgZFkNVB
hsPlJO
搜索
查看: 5728|回复: 14

[技术] 用stylus插件改善Edge浏览器字体渲染 [复制链接]

Rank: 7Rank: 7Rank: 7

UID
160098
帖子
1342
PB币
2784
贡献
0
技术
2
活跃
2324
发表于 2022-4-18 18:13:25 IP属地北京 |显示全部楼层
快御云安全
因为mactype没法渲染edge浏览器,所以用stylus插件加载自定义的脚本来实现字体渲染的美化,我感觉和mactype+gdi的浏览器渲染效果几乎差不多了,先上效果图:
after.png

请勿使用多线程下载工具下载论坛附件!
after2.png

请勿使用多线程下载工具下载论坛附件!
howto.png

请勿使用多线程下载工具下载论坛附件!




显示器27寸4k,DPI缩放125%,浏览器缩放110%,字体为去hinting版的微软雅黑。
Edge是最新的,edge://flags里的Enhance text contrast打开。
首先在Edge浏览器,扩展->打开开发人员模式,然后把附件里的stylus.crx拖进去进行安装。
然后打开stylus插件的管理界面,编写新样式,把附件里的style.txt复制粘贴进去,这个脚本是之前网上下载的然后各种拼凑的,在提升字体渲染的同时,也强制指定网页字体为微软雅黑,如果不喜欢强制字体指定,也可以自己改造一下,把后面的字体部分删了,或者把微软雅黑替换成鸿蒙字体都可以的。
脚本里最核心的一句是:-webkit-text-stroke-width: calc(calc(40px - 1em) / 100);
这里的/100是根据自己的喜好调节的粗细度,可以自行调节,比如/80会更粗,/150会细一些。
edge stylus.zip (1.77 MB, 下载次数: 147)
1

查看全部评分

Rank: 9

UID
166835
帖子
3518
PB币
892
贡献
0
技术
0
活跃
1809
发表于 2022-4-18 18:24:43 IP属地河南 |显示全部楼层
效果都不理想,索性直接更换字体反正也能看过去 习惯就好

Rank: 5Rank: 5Rank: 5

UID
617024
帖子
722
PB币
680
贡献
0
技术
0
活跃
2852
发表于 2022-4-18 18:43:34 IP属地河南 |显示全部楼层
字体锐利度稍差点。

Rank: 5Rank: 5Rank: 5

UID
617024
帖子
722
PB币
680
贡献
0
技术
0
活跃
2852
发表于 2022-4-18 18:47:23 IP属地河南 |显示全部楼层
我的代码:
/*>>>強制修改網頁字體<<<*/
/*該代碼運行于CHROME_v72 & FIREFOX_v65 的STYLUS_v1.5.2擴展之上*/
/*很多網頁用瀏覽器的設置字體功能無法生效,而這個CSS可以解決這些問題.*/

*:not([class*="icon"]):not([class*="button"]):not([class*=mjx]):not([class*=fa]):not(i) { /*使修改字體不會應用於部分特殊字符符號和圖標以及按鈕等網頁元素,完美解決字符集不全導致圖標,按鈕變方塊的問題.*/
    /*font-weight: 500!important; /*字體粗細,整百數字*/
    font-family: "微软雅黑" !important;   /*字體設置,可分別設置中英文,前面英文字體,後面中文字體*/
    /*color: #8b8b8b00 !important;    /*更改字體顏色及透明度(注意:這是全局修改),如無需要,可直接注釋掉整行代碼.*/
    text-shadow: 0.01em 0.01em 0.01em #000 !important;   /*更改字體陰影及透明度,可修改數值實現不同的效果.*/
    /*十六進制顏色代碼前的方塊可點擊,用可視化UI更改顏色與透明度.*/
}

屏幕截图 2022-04-18 184716.png

请勿使用多线程下载工具下载论坛附件!
1

查看全部评分

Rank: 1

UID
2857611
帖子
120
PB币
611
贡献
0
技术
0
活跃
494
发表于 2022-4-18 19:08:41 IP属地云南 |显示全部楼层
感谢楼主,试用了!
头像被屏蔽

UID
4781223
帖子
629
PB币
664
贡献
0
技术
0
活跃
904
发表于 2022-4-19 00:18:58 IP属地河南 |显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽

我是水神 不是大神

Rank: 19Rank: 19Rank: 19

UID
609560
帖子
57643
PB币
758
贡献
0
技术
214
活跃
12089

热心会员 水神勋章

发表于 2022-4-19 01:06:40 IP属地江西 |显示全部楼层
现在dev的win11,显示效果不错。

Rank: 2Rank: 2

UID
2980761
帖子
57
PB币
326
贡献
0
技术
0
活跃
427
发表于 2022-4-20 11:20:56 IP属地四川 |显示全部楼层
我之前在Edge上用Stylus改字体后遇到个问题,就是会使页面的自动刷新跳转失效。

Rank: 5Rank: 5Rank: 5

UID
617024
帖子
722
PB币
680
贡献
0
技术
0
活跃
2852
发表于 2022-4-22 14:31:06 IP属地河南 |显示全部楼层
屏幕截图 2022-04-22 142903.png

请勿使用多线程下载工具下载论坛附件!

这两天又找了一个插件,觉得还行,喜欢的可以试一下:
.console-output {
        font-family: 'JetBrains Mono Regular', 'Cascadia Code' !important;
        font-size: 15px;
}
span {
        font-family: 'JetBrains Mono Regular', 'Cascadia Code', 'Microsoft YaHei UI semibold';
}
pre,
div,
body,
code,
input,
td,
font,
a,
li {
        font-family: 'FontAwesome','Source Emoji', 'JetBrains Mono Regular', 'Microsoft YaHei UI semibold' !important;
}
屏幕截图 2022-04-22 142926.png

Rank: 2Rank: 2

UID
210615
帖子
172
PB币
1624
贡献
0
技术
0
活跃
398
发表于 2022-4-22 15:04:15 IP属地浙江 |显示全部楼层
本帖最后由 aeeaoo 于 2022-4-22 15:07 编辑

感觉还是Font Rendering脚本更好用,
未标题-2.jpg

请勿使用多线程下载工具下载论坛附件!
未标题-1.jpg

请勿使用多线程下载工具下载论坛附件!

Rank: 7Rank: 7Rank: 7

UID
926178
帖子
1568
PB币
2943
贡献
0
技术
0
活跃
1675
发表于 2022-4-23 09:29:50 IP属地浙江 |显示全部楼层
感谢分享!!

Rank: 7Rank: 7Rank: 7

UID
54528
帖子
1306
PB币
6689
贡献
0
技术
1
活跃
2691
发表于 2022-4-23 09:48:28 IP属地广东 |显示全部楼层
油猴+字体渲染脚本即可。

QQ截图20220423094720.jpg

请勿使用多线程下载工具下载论坛附件!

Rank: 2Rank: 2

UID
2217071
帖子
372
PB币
279
贡献
0
技术
0
活跃
2847
发表于 2022-4-23 10:26:51 IP属地天津 |显示全部楼层
启用实验室功能(提高字体渲染)效果

开启方法: 在地址栏输入edge://flags
搜索以下三条:
enhance text contrast(提高字体渲染)
Windows style overlay scrollbars(细滚动条)
enable windows 11 visual updates(win11视觉效果)
设置成enable

Rank: 5Rank: 5Rank: 5

UID
617024
帖子
722
PB币
680
贡献
0
技术
0
活跃
2852
发表于 2022-4-23 11:59:30 IP属地河南 |显示全部楼层
qiantua 发表于 2022-4-23 10:26
启用实验室功能(提高字体渲染)效果

开启方法: 在地址栏输入edge://flags

屏幕截图 2022-04-23 115731.png

请勿使用多线程下载工具下载论坛附件!
只打开这个,不开stylus的效果。

Rank: 7Rank: 7Rank: 7

UID
971778
帖子
1493
PB币
2136
贡献
0
技术
14
活跃
2928

7周年庆典勋章

发表于 2022-4-23 12:16:10 IP属地黑龙江 |显示全部楼层
吓我一跳。我以为前端的stylus语法有啥变化呢
回顶部
Copyright (C) 2005-2024 pcbeta.com, All rights reserved
Powered by Discuz!  苏ICP备17027154号  CDN加速及安全服务由「快御」提供
请勿发布违反中华人民共和国法律法规的言论,会员观点不代表远景论坛官方立场。
远景在线 | 远景论坛 | 苹果论坛 | Win11论坛 | Win10论坛 | Win8论坛 | Win7论坛 | WP论坛 | Office论坛