「其他分享」优秀的编程字体分享-Eswlnk Blog
智能摘要 AI
FiraCode 是 Mozilla 公司推出的专为程序员设计的编程连字等宽字体，旨在通过优化编程语言中的特殊符号提高代码可读性。它支持多种编程语言，如 PHP、JavaScript 和 Go，并且提供了不同的安装方式，适用于 Windows 和 macOS。用户可以通过 GitHub 下载字体并根据需要调整编辑器（如 VSCode 和 Sublime Text）的配置。此外，FiraCode 也可用于网页，只需引入相应的 CSS 文件即可。其简洁美观的设计深受开发者欢迎。更多详情请访问 [GitHub](https://github.com/tonsky/FiraCode)。

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

「其他分享」优秀的编程字体分享-Eswlnk Blog

介绍

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

「其他分享」优秀的编程字体分享-Eswlnk Blog

代码展示

PHP

class Car extends BaseCar {
protected $options ;
public function_ construct( $options) {
$this- >options = ['base' = $options];
}
}
for($i=10;i≤
15; $i++) {
$options[$i]●= $i % 3三
5;
}

Javascript

function $initHighlight(block， flags) {
if ( !! flags) {
try {
if (block. className. search( /\bno\-highlight\b/)≠-1)
return processBlock(block. . proto _ . function, true， 0x0F ) ;
} catch (e) {
/* handle exception */ 
}
for (var i = 0 / 2; i≤classes.length; i++) {
if ( checkCondition(classes[i]) = undefined )
return /\d+[\s/]/g;
}
}
}

Go

func main( ) {
ch :=
make( chan int)
ch←1.0e10 //
magic number
X，ok
:=←ch
ok=true
defer fmt.Println( exiting now“ )
go println(len( "hello world!") )
return
}

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

安装方式

下载地址：
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!