优秀编程字体 - FiraCode

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字体,winmac都一样,选择自己喜欢的宽度安装,当然也可以全部安装上。

编辑器配置

我常用的只有VSCodeSublime 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
如果觉得我的文章对你有用,请随意赞赏

发表评论

10 条评论

  1. 叶忠文博客

    你这缩略图的配图很不错啊,很养眼

  2. 于稳健

    催更!!!

  3. 热搜

    文章不错非常喜欢

  4. Cinema

    连字感觉好帮(๑•̀ㅁ•́ฅ)

  5. 转身

    好高深!

  6. Mark

    真心不做,最近也研究了不少字体,顺便把博客部分字体也换了换

  7. Xcnte

    大佬,我来看看~

  8. 阳宾峰设计日记

    大佬,我来了!

  9. Quanyin

    Consolas 挺好用的,系统自带,懒得再去找其他字体

  10. Sam.Z

    常用 Consolas,能分清0和O的l和I的都是好字体。