# 配置颜色和字体 在这个页面中： * [基础](#基础) * [配置颜色和字体](#配置颜色和字体) * [例子](#例子) ## <span id='基础'>基础</span> 使用PhpStorm，你可以维护你的颜色和字体偏好布局为语法和错误高亮在编辑器，搜索结果，调式控制台，通过字体和颜色方案。 PhpStorm自带一些预定义的配色方案。你可以选择一个，或创建你独有的，并配置它的设置来达到你的品位。注意预定义的方案不可编辑。你必须为方案创建一个副本，然后按需要改变它。 ## <span id='配置颜色和字体'>配置颜色和字体</span> **要配置颜色和字体方案**： 1. 打开设置，然后在**Editor**节点下，点击[Colors & Fonts](/参考/设置参数对话框/编辑器/颜色和字体.md) 2. 从方案名称下拉列表中选择目标方案。 3. 如果你需要在选择的方案中改变某设置，创建它的副本。要做到这个，点击**Save as**按钮，然后输入新的方案名称。 4. 在[Colors and Fonts](/参考/设置参数对话框/编辑器/颜色和字体.md)节点下，改变编辑器和控制台中的字体组合。 * 为编辑器和控制台定义字体。当你在[Colors and Fonts](/参考/设置参数对话框/编辑器/颜色和字体.md)节点下打开**Font**或**Console Font**页面，PhpStorm显示**Editor Font**区域，在这你可以配置主要和次要字体，字号和行间距。  5. 在[Colors and Fonts](/参考/设置参数对话框/编辑器/颜色和字体.md)节点下，打开页面为不同的支持语言和PhpStorm组件配置特定的颜色偏好和字体类型。 ## <span id='例子'>例子</span> ### <span id='改变JavaScript的字体'>改变JavaScript的字体</span> 点击**JavaScript**节点。 重要！确保**Inherit attributes from <component>**复选框没有勾选。  在语言组件的列表中选择**Keyword**。 使用**Blod**和**Italic**复选框定义目标字体。接下来，选择**Foreground**复选框，右键点击颜色预览区来定制：  更多详情参考[取色器](/参考/对话框/取色器.md)对话框。 在预览窗格观察结果：  # 另请参阅： 规程： * [为控制台配置配色方案](/如何使用/常规指南/配置项目和IDE设置/为控制台配置配色方案.md) 参考： * [颜色和字体](/参考/设置参数对话框/编辑器/颜色和字体.md) * [取色器](/参考/对话框/取色器.md)