You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.21 12:05:15