阅读本文，掌握FiraCode等宽字体美化网页编辑器的秘诀！

嗨，大家好！咱今天聊点儿关于网页编辑器的，特别是那些码农们最爱的，美化代码的秘诀。FiraCode，这个名字估计不少人听说过吧？ 说到点子上了。 在 Github 上可是个大受欢迎的家伙，3万多 Star 呢！它厉害的地方主要有两点：

先说说 FiraCode是个等宽字体，这很重要！等宽字体就是每个字符占用的宽度一样， 切中要害。 看着代码整整齐齐的，是不是很舒服？你懂的，代码可不能乱糟糟的。

接下来它对中文字体的支持也挺好。虽然一开始我遇到个坑啊！最近更新设计导航 HTML 代码的时候，发现有个样式一直没显示出来。仔细一看才发现，竟然是主要原因是用了中文的双引号！哈哈，这真是个小问题导致的麻烦事儿啊。主要原因是网页编辑器西文和中文的双引号太像了我差点就没发现。

所以呢？咱们要用FiraCode加上中文字体组合！这样不仅能让代码看起来更漂亮、 琢磨琢磨。 更工整，还能减少一些主要原因是字符视觉差异造成的错误。对眼睛也好受一点儿。

为什么选择FiraCode？

咱先说说FiraCode这个字体本身吧。它可不是随便哪个等宽字体都能用哦。它设计的特别好：

• 字符等宽： 这一点是基础啦！保证了代码的可读性。
• 连字符号设计： 你看这个连字符号的设计是不是很棒？比普通的连字符号好看多了！
• 全面支持： 下载的字体包含了 ttf 和 eot, woff 等各种格式， 直接就能用，不用转换了。

心情复杂。 你看这连字符号，“-”，是不是特别好看？普通的连字符号有时候看着就有点怪怪的。

中文字体的选择也很重要

不过话说回来啊，只用FiraCode还不够完美。主要原因是我们经常会用到中文字符串，比如引号、括号等等。