主要观点:作者使用 Element 即时通讯客户端,因群组选择 Matrix 通信方式,该客户端在大屏幕显示器上显示文本时存在问题,通过用户样式(userStyle)来修复,发现代码块中的字体与系统设置不符,存在多种问题及解决方法,包括使用 fontconfig 创建别名、创建更具体的 userStyle 选择器等,还给出了对 Element 及其他网络应用的建议,最后表达了对 Matrix 及客户端体验的不满。
关键信息:
- Element 是即时通讯客户端,群组选择 Matrix 通信。
- 客户端在大屏幕上显示文本存在问题,可通过 userStyle 修复。
- 代码块中的字体与系统设置不符,存在冲突。
- 提出使用 fontconfig 创建别名和更具体的 userStyle 选择器等解决方法。
- 给出对 Element 及其他网络应用的建议,如去除!important、使用 CSS 变量等。
- 对 Matrix 及客户端体验不满,怀念旧的聊天方式。
重要细节:
- 用户样式类似视频游戏模组,可为浏览器提供自定义样式,Gecko 浏览器可在
about:config
中设置toolkit.legacyUserProfileCustomizations.stylesheets
为true
,然后编辑$PROFILE/chrome/userContent.css
。 - 发现代码块中的怪异等宽字体不是系统字体,应用中使用了
!important
导致冲突。 - uBlock Origin 可用于阻止字体加载,节省带宽。
- 发现文档头部有大量
<link rel="preload">
导致不需要的字体被加载。 - 尝试使用 fontconfig 创建别名但未成功,最终通过 class 重复的 hack 方法解决问题。
- 对 Matrix 及客户端的体验提出不满,怀念旧的聊天方式。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。