idea 代码显示字体设置

喜欢ヅ旅行 2022-05-20 09:22 296阅读 0赞

## 2.2 代码编辑区主题修改 ##

![5][]

*  标注1：主题选择区；
 *  标注2：Default 和 Darcula，两个主题。

如上图所示，我们定位到`Editor > Colors & Fonts`界面，在 Windows 系统上 IntelliJ IDEA 默认提供两个编辑区主题，分别为：Default 和 Darcula。其中，Default 为默认主题；Darcula 为黑色主题。在这里，我们以 Darcula 主题为例，演示一下修改后的效果：

![6][]

如上图所示，这是在选择 Darcula 主题、点击`Apply`之后的效果，为黑色编辑区主题。

通过以上的演示，我们已经知道了，无论是界面还是编辑区的主题都是可以修改的，具体如何修改，这就看我们的心情啦！对于博主来说，比较喜欢 Darcula 主题，因此在接下来的内容中，我们都在 Darcula 主题下进行演示。

# 3 字体修改 #

## 3.1 界面主题字体修改 ##

![7][]

*  标注1：重写默认字体（必选）；
 *  标注2：具体可以修改字体大小的数值。

如上图所示，我们定位到`Appearance & Behavior > Appearance`界面，如果确定要修改字体大小的话，**标注1** 所示的`Override default fonts by XXX`为必选项，否则的话，不能修改字体，因为 IntelliJ IDEA 默认是不推荐修改的；**标注2** 所示的为我们具体可以修改字体大小的数值。在这里，选择`Size`为 14，演示一下修改后的效果：

![8][]

如上图所示，这是在选择`Size`为 14、点击`Apply`之后的效果，显然界面主题的字体明显都变大了很多。

在这里，有一点需要注意，那就是：**有的字体是包含中文的，有的字体则是不包含中文的。**一般情况下，使用英文的国家是不需要额外担心乱码问题的，但是我们需要啊！如果我们选择的字体不包含中文的话，很多位置上可能会出现类似于 口口口口口 这样的乱码问题。例如，`Courier New`和`Monaco`就是纯英文字体，而`Microsoft YaHei`就是包含中文的字体。

## 3.2 代码编辑区字体修改 ##

![9][]

*  标注1：Save as 主题（必选）；
 *  标注2：仅展示等宽字体；
 *  标注3：字体具体大小的数值；
 *  标注4：行宽（行与行之间的距离）；
 *  标注5：第二字体；
 *  标注6：字体、大小及行宽的示例展示区。

如上图所示，我们定位到`Editor > Colors & Fonts > Font`界面，**标注1** 所示的`Save As`表示我们需要另外复制一份编辑区主题，然后才能修改，因为 IntelliJ IDEA 是不能直接在默认的代码模板上修改字体的；**标注2** 所示的`Show only monospaced fonts`表示只显示系统上的等宽字体，取消勾选后，将显示系统上所有已安装的字体。**标注5** 所示的`Secondary font`表示第二字体，因为 IntelliJ IDEA 的编码字体有「第一字体」和「第二字体」之分，当有些字符在第一字体不能支持的时候，将会自动使用第二字体进行支持。在这里，我们选择`Size`为 16，演示一下修改后的效果：

![10][]

如上图所示，这是在选择`Size`为 16、点击`Apply`之后的效果，显然编辑区主题的字体明显都变大了很多。

## 3.3 控制台输出字体修改 ##

![11][]

如上图所示，我们定位到`Editor > Colors & Fonts > Console Font`界面，细心观察之下，我们会发现这个界面和`Editor > Colors & Fonts > Font`界面完全相同，因此我们就不重新介绍一遍啦！在这里，我们选择`Size`为 14，演示一下修改后的效果：

![12][]

[5]: /images/20220520/40321d173684466e9c8898f40a117de1.png
[6]: /images/20220520/bf26a9a91b3f466590b5d41cd5873ff9.png
[7]: /images/20220520/e350263c634a45c492f3b6cccb4f5b83.png
[8]: /images/20220520/09cb6d8420bc4a3cb2a89bfac931dcac.png
[9]: /images/20220520/55f1f43630814c04a5f85ef89ab35926.png
[10]: /images/20220520/06557fc5c1be416ab5e5f3d8a9a6fc89.png
[11]: /images/20220520/6bb709f7cf824c91830e621cebe105c1.png
[12]: /images/20220520/9149f796022c4105b50ef3f0828c655f.png