【转载】Fira Code | 为写程序而生的字体

【转载】Fira Code | 为写程序而生的字体

https://www.jianshu.com/p/266b4fa2c446?tdsourcetag=s_pctim_aiomsg

程序员福利!!!
今天为大家带来一个专为程序员写程序设计的字体 —— Fira Code
Fira 是 Mozilla 公司(火狐浏览器她爹)主推的字体系列。Fira Code 是其中的一员,专为写程序而生。出来具有等宽等基本属性外,还加入了编程连字特性(ligatures)。

Fira Code 就是利用这个特性对编程中的常用符号进行优化,比如把输入的「!=」直接显示成「≠」或者把「>=」变成「≥ 」等等,以此来提高代码的可读性。

Fira Code|Fire Mono

 

代码示例

Ruby:

Ruby

 

JavaScript:

JavaScript

 

Erlang:

Erlang

 

Elixir:

Elixir

 

Go:

 

Go

LiveScript:

 

LiveScript

Clojure:

 

Clojure

Swift:

 

Swift

正片

安装 Fira Code

使用 .ttf 文件安装

访问此网站 https://github.com/tonsky/FiraCode
找到 Download 这个链接,单击它。

Install Fira Code


单击这个地址可以下载 v1.204 版的 Fira Code -> Download v1.204

 

下载好后,解压它。
打开解压后得到的文件夹。
打开 /ttf文件夹
会看到以下文件

Install Fira Code


Ctrl+A 全选 -> 右键 -> 安装。

 

使用 Chocolate 安装

关于 Chocolate,请参考这篇文章
使用以下命令安装

 

$ choco install firacode

如何使用

只有以下编辑器、浏览器可以完美支持 Fira Code:

VS Code

介绍一下在 VS Code 中如何配置(因为VS Code 是我主要使用的编辑器,别的不是很熟悉)
打开 VS Code。
文件 -> 首选项 -> 设置

Use Fira Code

 

然后在右边的窗口中添加

 

    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true

 

Use Fira Code


Ctrl+S 保存。如果没有生效就使用以下代码

 

 

    "editor.fontFamily": "'Fira Code'",
    "editor.fontLigatures": true

Ctrl+S 保存。

别的编辑器可以参考 -> https://github.com/tonsky/FiraCode/wiki#how-to-enable-ligatures

Chrome

可以将 Fira Code 设为 Chrome 的 等宽字体

打开 Chrome。点击右上角的 -> 设置

Use Fira Code


选择 自定义字体

Use Fira Code


宽度固定的字体 -> 在下拉菜单中选择 Fira Code

Use Fira Code

 

附录

支持的终端

WorkDoesn’t work
Black ScreenAlacritty
Butterflycmd.exe
Hyper.appCmder
KonsoleConEmu
QTerminalGNOME Terminal
Terminal.app (OS X default terminal)iTerm 2 (coming in 3.1)
Termux (Android terminal emulator)mate-terminal
ZOC (macOS)mintty
 PuTTY
 rxvt
 ZOC (Windows)
 gtkterm, guake, LXTerminal, sakura, Terminator, xfce4-terminal, and other libvte-based terminals (bug report)

支持的编辑器

WorkDoesn’t work
Android Studio (2.3+, instructions)Arduino IDE
Anjuta (unless at the EOF)Adobe Dreamweaver
AppCode (2016.2+, instructions])Delphi IDE
Atom 1.1 or newer (instructions)Eclipse (Win, vote here)
BBEdit/TextWrangler (instructions)Standalone Emacs (workaround)
Brackets (with this plugin])gVim (Windows workaround)
ChocolatIDLE
CLion (2016.2+, instructions)KDevelop 4
Cloud9 (instructions)Monkey Studio IDE
Coda 2SublimeText (vote here)
CodeLite 
Eclipse (Mac 4.7+, Linux) 
Geany 
gEdit / Pluma 
GNOME Builder 
IntelliJ IDEA (2016.2+, instructions) 
Kate, KWrite 
Komodo 
Leafpad 
LibreOffice 
LightTable (instructions) 
LINQPad 
MacVim 7.4 or newer (instructions) 
Mancy 
Meld 
Mousepad 
NetBeans 
Notepad (Win) 
Notepad++ (with a workaround) 
PhpStorm (2016.2+, instructions) 
PyCharm (2016.2+, instructions) 
QtCreator 
Rider 
RStudio (instructions) 
RubyMine (2016.2+, instructions) 
Scratch 
Spyder IDE (only with Qt5) 
TextAdept (Linux, Mac) 
TextEdit 
TextMate 2 
VimR (instructions) 
Visual Studio 2015 
Visual Studio 2017 
Visual Studio Code (instructions) 
WebStorm (2016.2+, instructions) 
Xamarin Studio/Monodevelop 
Xcode (8.0+, otherwise with plugin) 
Probably work: Smultron, VicoUnder question: Code::Blocks IDE

支持的浏览器

  • IE 10+, Edge: enable with font-feature-settings: "calt" 1;
  • Firefox
  • Safari
  • Chromium-based browsers (Chrome, Opera)
  • ACE
  • CodeMirror (enable with font-variant-ligatures: contextual;)

参考

本文章参考了:


原文地址:https://mogeko.github.io/2017/006



作者:Mogeko丶
链接:https://www.jianshu.com/p/266b4fa2c446
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值