🫧Windows下的浏览器浏览网页时文字往往发虚,颜色很淡,看不清楚。有了它可以让浏览器中显示的文字更加清晰,支持Chrome ,360 ,QQ ,Firfox ,Edge 等浏览器。
Windows浏览器常遇文字模糊、颜色淡的问题,本脚本通过调节文字描边强度,让内容更清晰易读,支持Chrome/Edge/Firefox等主流浏览器~
通过CSS的text-stroke属性为文字添加轮廓:
*:not(pre) {
-webkit-text-stroke: ${val}px; /* Chrome/Edge */
text-stroke: ${val}px; /* Firefox */
}
<pre>标签(代码块),避免影响代码格式#338fff,提升可读性| 浏览器 | 支持状态 | 备注 |
|---|---|---|
| Chrome | ✅ 完美 | 50+版本 |
| Firefox | ✅ 完美 | 需启用实验特性 |
| Edge | ✅ 完美 | Chromium内核版 |
| 360/QQ浏览器 | ✅ 完美 | 极速模式下 |
| Safari | ⚠ 有限 | 高版本支持较好 |
A: 建议将强度值调至0.1-0.3(默认0.05),高分辨率屏幕可适当提高,低分辨率建议降低。
A: 可能原因:
MIT License © 2026 yyy.
💡 提示:若文字效果影响阅读体验,可随时通过右键菜单还原设置~