使用Chrome/Brave时,无法通过Refined GitHub恢复GitHub代码字体样式
如何通过Refined GitHub恢复GitHub自定义代码字体样式
问题背景
此前通过Chrome/Brave浏览器的Refined GitHub插件自定义了GitHub代码的字体族与字号,原本正常生效,但目前仅特定窗口能显示自定义字体,源码文件页面恢复为GitHub默认样式,调整插件内存储的CSS也未生效。
解决步骤
- 打开Refined GitHub设置:在浏览器扩展管理中找到Refined GitHub,进入「详情」→「选项」页面。
- 更新自定义CSS规则:在「Custom CSS」板块中,替换为适配当前GitHub页面结构的样式(GitHub可能更新了元素选择器,旧规则失效),示例代码如下:
其中/* 覆盖所有GitHub代码区域的字体样式 */ .blob-code, .blob-code-inner, .code-viewer pre, .markdown-body pre code, .markdown-body code { font-family: "你的自定义字体名称", monospace !important; font-size: 14px !important; /* 替换为你需要的字号 */ }!important用于强制覆盖GitHub默认样式,确保优先级足够。 - 保存设置后,强制刷新(Ctrl+Shift+R)GitHub源码页面,验证效果。
额外排查项
- 确认自定义字体已正确安装在本地设备,或为可正常加载的Web字体。
- 检查Refined GitHub是否为最新版本,前往浏览器扩展商店更新插件以适配GitHub页面更新。
- 暂时禁用其他GitHub相关扩展,排查样式冲突问题。
- 清除浏览器缓存,确保新CSS规则被正确加载。
内容的提问来源于stack exchange,提问作者phougatv
相关产品推荐
相关产品推荐

