Arch Linux Firefox 显示 Apple Music web 页面数字渲染成 emoji 数字，怎么设置才能正常渲染？

[leiakun]

Firefox 打开 Apple Music 的 web 页面（ https://music.apple.com/cn/new ）显示数字异常，把数字渲染成了 emoji 的数字形式，空格非常宽，整个页面非常难看。其他网站的数字和空格显示一切正常，我目前发现就 Apple Music 的 web 页面有问题。

我的电脑环境是：
操作系统：Arch Linux
KDE Plasma 版本：6.3.4
KDE 程序框架版本：6.13.0
Qt 版本：6.9.0
内核版本：6.14.4-arch1-2 (64 位)
图形平台：Wayland
处理器：8 × 11th Gen Intel® Core™ i7-1165G7 @ 2.80GHz
内存：31.0 GiB 内存
图形处理器：Intel® Iris® Xe Graphics
制造商：Intel(R) Client Systems
产品名称：NUC11PAHi7
系统版本：M15513-302

浏览器版本是：
Firefox 138.0.1 (64 位)
Mozilla Firefox for Arch Linux
archlinux-1.0

浏览器字体设置默认：
语言：简体中文
比例字体：无衬线字体 字号：16
衬线字体：默认（ Sarasa Mono SC ）
无衬线字体：默认（ Sarasa Mono SC ）
等宽字体：默认（ Sarasa Mono SC ） 字号：16
✔允许页面选择自己的字体代替您的上述选择（默认打勾）

我发现“允许页面选择自己的字体代替您的上述选择”打勾取消后 Apple Music 页面上所有的字体都会变成浏览器默认设置的字体，数字也不会变成 emoji 了，空格也正常了。但是 apple 官网（ https://www.apple.com.cn/）上苹果字体也都变成浏览器默认，不是 apple 要展示的字体了，看着不是很美观。

请问各位怎么设置才能让 applemusic 的 web 页面数字和空格显示正常，apple 官网的字体同时也是 apple 自己设置的前端字体呢，就像在 mac 和 windows 上的 firefox 一样。谢谢各位。（我不知道怎么在 V 站发图片，抱歉）

[leiakun]

看到网上有同样的问题，说了要修改字体的顺序，但是没说在哪个地方修改字体的顺序。
https://www.wikimoe.com/post/m0vn9cj9

[teloti]

试试看在 about:config 里把 gfx.font_rendering.fontconfig.max_generic_substitutions 改成 127 ？

https://wiki.archlinux.org/title/Firefox#Font_troubleshooting

[leiakun]

@teloti 不行，按照链接里的修改了 127 和删除 TwemojiMozilla.ttf ，重启浏览器，还是显示异常。

[Les1ie]

我也偶尔遇到这问题，Arch+i3wm, firefox 打开某些网页的时候特定字体无法渲染，解决方案：懒得解决 :)

[billlee]

因为这个网页的 CSS 就是这么写的：

font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang SC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif

apple-system, BlinkMacSystemFont 都没有匹配，就优先使用 Apple Color Emoji. 所以要么卸载这个字体，要么就参考 /etc/fonts/conf.d/30-win32-aliases.conf, 自己把 BlinkMacSystemFont 也 alias 一下

[tedding]

你可以参考一下我的 fontconf 设置（部分） ，指定一下 BlinkMacSystemFont 就可以了

<!-- Default system-ui fonts -->
<match target="pattern">
<test name="family">
<string>system-ui</string>
</test>
<edit name="family" mode="prepend" binding="strong">
<string>sans-serif</string>
</edit>
</match>
<match target="pattern">
<test name="family">
<string>BlinkMacSystemFont</string>
</test>
<edit name="family" mode="prepend" binding="strong">
<string>sans-serif</string>
</edit>
</match>
<!-- Default sans-serif fonts-->
<match target="pattern">
<test name="family">
<string>sans-serif</string>
</test>
<edit name="family" mode="prepend" binding="strong">
<string>PingFang SC</string>
<string>Heiti SC</string>
<string>Apple Color Emoji</string>
</edit>
</match>
<!-- Default serif fonts-->
<match target="pattern">
<test name="family">
<string>serif</string>
</test>
<edit name="family" mode="prepend" binding="strong">
<string>PingFang SC</string>
<string>Heiti SC</string>
<string>Apple Color Emoji</string>
</edit>
</match>