FiraCode 是 Mozilla 公司 Fira 字体系列的其中的一款字体，是专门为广大程序员们提供的一种编程连字等宽字体。Fira Code 会对编程语言中的特殊符号做出优化，并提高了代码的可读性。Fira Code是程序员编程字体中最受欢迎的编程字体之一。

FiraCode

介绍

  在我们写程序的时候，经常会用到 -> => :: >= .= += 等超过一个字符的操作符，但是这个操作符其实只有一个含义，按照常理来说，既然表达一个含义那么占一个位置也是理所应当的。这就是 Fira code 的目的了。
从下图中我们就可以知道，Fira code的编程连字等宽到底是什么意思：
编程连字

代码展示

PHP：
PHP
Javascript：
Javascript
Go：
Go

以上只是个例子，无论任何编程语言使用了该字体，只要在你使用的代码中有特殊符号，都会以最佳的阅读方式优化！大可不必担心编程语言差异的问题。

安装方式

下载地址：
https://github.com/tonsky/FiraCode/releases
安装包内ttf文件夹下的Fira code字体，win与mac都一样，选择自己喜欢的宽度安装，当然也可以全部安装上。

编辑器配置

我常用的只有VSCode和Sublime text，所以只贴这两种编辑器的配置：
VSCode

//Fira Code font for VScode setting
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.fontWeight": "normal"

Sublime text

//Fira Code font for Sublime Text
"font_face": "Fira Code",
"font_size": 11,
"font_options": [
    "dlig"
],

WEB页面中使用

<!-- HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.206/distr/fira_code.css">
@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.207/distr/fira_code.css);
code { font-family: 'Fira Code', monospace; }
@supports (font-variation-settings: normal) {
  code { font-family: 'Fira Code VF', monospace; }
}

更多细节请前往Github:
https://github.com/tonsky/FiraCode

Have Fun!

最后修改：2019 年 10 月 18 日 07 : 52 PM
© 允许规范转载