手机firefox怎么自定义代码字体（等宽字体）

问题求助
,
1

现在的默认代码显示字体实在是太抽象了，求问有什么办法能改一改，网上实在没看到有用的解决方案……

【无用之物】解决Firefox Android代码块字体显示异常(Fix font for Appinn and GitHub)
2

good question!
我问了下 Deepseek-r1，他说，不 root 的话要借用插件 Stylus 实现，但我试了下替换为 Noto Sans Mono 和 Droid Sans Mono 这两种字体（Android 默认的等宽字体），都没有效果……

使用的代码如下

/* （再次让你难受一下，顺便用于在当前页面测试替换字体效果） */
/* Target common monospace elements */
pre, code, tt, samp, kbd, var, [class*="code"], [style*="monospace"] {
  font-family: "Noto Sans Mono", "Droid Sans Mono", monospace !important;
}
1 个赞
3

我又在电脑上试了下，发现不是那么简单：直接改 mono 字体无效，要去修改针对简体中文的 mono 字体才能生效。我只能留下这些思路了，希望有厉害的网友能够解决这个问题。

4

一看就是小米，好像自从hyperos某次更新后就出现了，小米社区对这种国外软件出问题都爱答不理的，Firefox字体也是自己维护了一套，不跟随系统字体的，可以开about:config 去指定字体如，顺便说一句，小米后台会自动杀gecko内核的浏览器，老是重载，也没地方反馈。

1 个赞
5

欢迎加入社区！ :waving_hand:

我用的的确是红米 note 12 turbo，前两天刚更新 hyperos 2。回头我拿刷了 Pixel Experience 的备用机试一下……没想到现在手机系统能魔改这么多，都影响正常使用了……

1 个赞
6

感谢老哥！！！解决了！

更新了一点，现在只针对小众和github了，不会误伤

style文件如下：

/* ==UserStyle==
@name         XiaoMi (Mi) Fix font for android
@namespace    replacer-namespace
@version      1.8.1
@description  This script aims to help Firefox users who use phone made by XiaoMi (Mi), to change font of code block
@author       DeepSeek and Mikachu
@license      MIT
==/UserStyle== */
@-moz-document regexp("http[s]{0,1}://.*appinn.*/.*"),
regexp("http[s]{0,1}://.*github.*/.*") {
	/* 基础字体设置 - 最低优先级 */
	* {
		font-family: "MiSans L3", "Noto Serif CJK SC", "Noto Serif CJK" serif !important;
	}

	/* 覆盖非衬线字体 */
	body,
	button,
	input,
	select,
	textarea {
		font-family: "Noto Sans CJK SC", "Noto Sans CJK", "MiSans L3", sans-serif !important;
	}

	/* 最高优先级 - 确保代码相关元素使用等宽字体 */
	pre,
	code,
	kbd,
	samp,
	tt,
	var,
	.monospace,
	.code,
	.pre,
	.terminal,
	[class*="mono"],
	[class*="code"],
	[class*="terminal"],
	[class*="console"],
	.highlight,
	.syntaxhighlighter,
	.prism-code,
	[class*="hljs"],
	[class*="syntax"],
	[class*="language-"],
	[class*="lang-"] {
		font-family: "Noto Sans Mono CJK SC", "MiSans L3", "Noto Sans CJK SC", monospace !important;
	}

	* {
		unicode-range: U+4E00-9FFF;
		/* 中文字符范围 */
		font-family: "MiSans L3", "Noto Sans CJK SC", "Noto Serif CJK", "Noto Serif CJK SC", sans-serif !important;
	}

	:not(pre) > code {
		font-family: "MiSans L3", "Noto Sans Mono CJK SC", "Noto Sans CJK SC", monospace !important;
	}
}

https://userstyles.world/style/21883/xiaomimi-fix-font-for-android

1 个赞
7

Firefox for Android 打开 about:config: chrome://geckoview/content/config.xhtml，然后 font.name.monospace. 是设置等宽的。

8

about:config 在手机上是打不开的……
firefox哪里来的chrome啊……

1 个赞
9

上测试版啊

a.png

c.png

10

是需要在浏览器里打开的（

6332294331918041880
6332294331918041880288×640 27.8 KB

11

抱歉，确实是我的错……

1 个赞
12

总算看明白了！原来是手机打开chrome://geckoview/content/config.xhtml 就是电脑上的 about:config 页面，之前试了直接访问 about:config 总没反应:joy:

感谢回复，今日份的知识又增加了

1 个赞
13

chrome:// 协议不是 chrome 发明的

1 个赞