Ubuntu 18.04 中的 Web 浏览器渲染错误

Ubuntu 18.04 中的 Web 浏览器渲染错误

这是我在使用 Ubuntu 18.04 时遇到的一个奇怪问题。网络上的很多东西都不知何故放错了位置。我说的浏览器是 Firefox(最新版),但 Chrome 上仍然存在此问题(图标移位,尚未测试光标)。

例如,Stack Overflow 问题编辑器和 GitHub 在线文件编辑器中的光标似乎比它应该的短得多。

短光标

不过,纯文本区域似乎没问题

文本区域

那么图标就有这个问题。这是 GitHub Gist Preview 中的图标的样子。如你所见,它们从中心向下移动了。

图标移位

最后,Firefox Inspector 中的图标也向下移动了(这似乎与 CSS 渲染问题完全无关)。在下面的屏幕截图中,“+”和颜色选择器向下移动了。

检查员

该问题首次出现在从 17.10 升级到 18.04 时,然后我重新安装了 18.04,但问题仍然存在。

这可能是什么原因造成的?有人遇到过类似的情况吗?


编辑我对 GNOME Shell 所做的修改:

  • 安装 Roboto 字体(sudo apt install fonts-roboto-hinted
  • 安装 Materia 主题(Shell 和 GTK+)
  • 安装 Numix-Circle 图标
  • 安装 Materia GDM 主题(更多信息这里

撤消所有这些修改似乎并没有修复错误。

我的 Ubuntu 安装在物理机(不是虚拟机)上,我正在使用 X11,但问题在 Wayland 上仍然存在。


另一个编辑:我刚刚尝试实时启动全新的 Ubuntu 18.04,检查器图标甚至在那里也发生了偏移。

答案1

你可以尝试改变字体调整菜单中的设置。

安装调整

sudo apt-get install gnome-tweaks

并调用它。

在下面字体菜单更改提示轻微抗锯齿子像素或任何最适合您的图形的东西。

相关内容