webstorm2019字体大小设置

进入File->Settings,打开设置窗口如下，Theme代表主题，指整个开发环境的颜色和风格，下面一行的use custom font代表字体样式，选择自己喜欢的一个即可。后面紧挨着的size就是字体大小。

同样进入File->Settings,打开设置窗口如下

找到Editor-->Color Scheme-->Color Scheme Font，对就是这个家伙，让我找了上万毫秒，心中那个感觉就是“ 终于等到你，差点要错过你。。。。。”

言归正传，图中我用绿色框的Font是选择字体，Size是字体大小，Line spacing 是行间距

如果上面你都设置过，找到Editor-->Color Scheme-->Console Font

打开设置窗口如下,此图跟上面的图大同小异，跟上面一样设置即可

首先了解下px，em，rem的区别

px（像素）是绝对单位，页面按精确像素展示，使页面较稳定和相对固定一些。但这种方法存在一个问题，用户在浏览我们制作的web页面时，如果他改变了浏览器的字体大小，或是缩放、放大页面，这时会使页面布局被打乱。

em是相对单位，基准点为父节点字体的大小。上面说到使用px为单位的web页面会遇到的问题可以使用em来解决。

例如con2的父元素为con1，css中<strong>con1</strong>和<strong>con2</strong>的font-size都设置为2em；

可以看得出con1和con2的font-size样式都是2em，但是展现出来的字体大小不一样,因为默认情况下没有对字体进行重新设置的话，浏览器默认字体为16px，con1的2em就相当于32px，那么con2的2em就相当于con1的两倍也就是64px，所以con2字体比con1的大。

rem是相对于页面根元素的大小单位，我们只需给页面的根元素设置一个参考值，就可以在页面中根据参考值设置其他元素的大小，rem不会出现嵌套的繁琐。

设置html下1rem=10px

可以看得出1rem就是12px（浏览器下最小的字体为12px，当设置小于12px的字体，也默认为12px）

无论元素处于哪一层，都不会受到父元素的影响。

可以设置。

1、NO1使用em在我的一些网页设计中对字体的设置很少有看到pt或者px类的单位，我想使用百分比或者相对的方式比较好，首先我想我们应该在body里面设置一个字体为百分比的单位，然后再在下文使用em值，这样能够避免很多的麻烦。2、能够避免当我们设计流动布局时习惯性的把字体设置为固定显示值。3、字体的一致性，和相对性，能够突出显示我们想要表达的内容。

还有一种是让用户可以自己来切换，这样对用户体验来说大大提高，对于某些浏览器来说，切换样式是内置的，但这类浏览器中却并没有IE的身影。所以为了可让用户可以切换文字的大小，在页面中我们必须加入相应的控制脚本。

---