search

F9y4ng / GreasyFork-Scripts

The open source code of this project is used for userscripts (油猴脚本) for desktop browsers, including Font Rendering (Customized) (字体渲染（自用脚本）- Font Rendering.user.js), and Search Engine Assistant (优雅的搜索引擎助手 - Google & Baidu Switcher.user.js), etc.
https://f9y4ng.github.io/GreasyFork-Scripts/
GNU General Public License v3.0
953 stars 46 forks source link

关于等宽字体中中文的渲染问题 #45

Closed TheGadfly1996 closed 2 years ago

TheGadfly1996 commented 2 years ago

image 代码片段中的中文字体好糊.. 我该如何改善目前的状况

TheGadfly1996 commented 2 years ago

我浏览器设置 image 脚本设置 image

F9y4ng commented 2 years ago

在 排除渲染的HTML标签 中默认了 pre,pre *,code,code * 来过滤网页端的代码片段，并使用了英文等宽字体的重新渲染，字体CSS如右所示 font:normal 400 14px/150% 'Operator Mono Lig','Fira Code','Roboto Mono',Monaco,monospace,Consolas!important;，由于未定义中文字体，网页会使用默认的浏览器的字体设置或网站的字体设置，所以会出现代码片段内中文字体效果不佳的情况。

你可以尝试去掉这段CSS代码来忽略字体渲染脚本对代码片段的重新渲染，再看看是否符合你要的效果。

最好将你访问的代码网址提供，以方便我追踪问题所在。

TheGadfly1996 commented 2 years ago

问题出现的网址是 https://juejin.cn/ 感谢你的解答 我将浏览器等宽字体设置为苹方后 英文字体和中文字体都能顺利解析 可能是代码片段中的中文字体按照你所设置的字体来渲染 Fira code 但其对中文的支持效果不佳才造成上述问题 目前已解决 image

F9y4ng commented 2 years ago

下个版本更新我会尝试将自定义的中文字体加入网页中代码片段的渲染中来解决代码片段的中文字体效果不佳的问题。

由于很多代码网站自带代码颜色着色功能，以防产生新问题，可能会需要测试一段时间才会发布。😃