首页 > 解决方案 > 在 Atom 中更改 UI 字体大小

问题描述

我在Atom(MacBook Pro,2021)中使用了Material-UI 主题。我希望让一些UI 文本更大,例如选项卡、菜单、按钮、欢迎页面等上的文本。(注意:我不是指实际编辑器中的文本/代码!)。

例如,我希望将这些菜单选项的文本放大。(来自 Atom 的打印屏幕):

我在原子设置和材料设置中都找不到这个选项。我查看了材料较少的文件,但我不明白它们。搜索谷歌和 SO,但我还没有找到适合我的解决方案。

请记住,如果您有答案,我是初学者!

标签: atom-editorfont-sizetext-editor

解决方案


Atom 带有一个用户样式表,可以用来覆盖 UI 的几乎所有部分。例如,您可以添加以下内容以将所有 DOM 节点的字体大小增加 120% - 除了文本编辑器本身:

html:not(atom-text-editor) {
    font-size: 120% !important;
}

如果要进行更精细的更改,则需要使用更具体的 CSS 选择器。幸运的是,您可以使用 Atom 的内置开发人员工具来检查编辑器的选择器


推荐阅读