vscode字体:开源免费的程序员专属编程字体——FiraCode-字体教程免费ppt模版下载-道格办公

开源免费的程序员专属编程字体——FiraCode

简介

FiraCode是一种出色的编程连字等宽字体,这是我最常使用的字体之一。由于其连字特点,使得代码看起来更加优雅,满足人类对字体的认知。这款字体在GitHub上已经获得了超40K的Stars,足以说明它的受欢迎程度,而其卓越品质是其受欢迎的主要原因。



GitHub

https://github.com/tonsky/FiraCode



普通字体的问题

我们在选择字体时会关注以下几个方面:

  • 相似特征的区分,例如 0|O,1|I
  • 字体风格(线宽、字符宽度/高度)是否易于阅读
  • 安装便捷性
  • 分辨率支持情况
  • 是否开源和免费

程序员经常使用大量符号,通常需要用多个字符进行编码。对于人脑,像->,<=或者:=这样的序列是一个独立的逻辑符号,即使它们在屏幕上需要两个或三个字符。眼睛需要耗费精力去扫描、解析并合并多个字符成一个逻辑符号。理想情况下,所有编程语言都应使用面向操作员的完整Unicode符号,但现实情况并非如此。



Fira Code是Fira Mono字体的扩展,包含了一组常见编程多字符组合的连字。这只是字体渲染功能:基础代码保持ASCII兼容。这有助于更快地阅读和理解代码。对于..或//这样的频繁序列,连字允许我们调整间距。



代码效果预览

下面展示一些Fira Code在不同编程语言中的效果(来源于GitHub):

  • Ruby


  • Go语言


  • JavaScript


  • PHP


  • LiveScript


  • Clojure


终端和编辑器支持

以下是其支持和不支持的终端展示:



这是支持和不支持的编辑器列表(左侧为支持的,右侧为不支持的):


Web浏览器支持

<!-- HTML -->
<link rel="stylesheet" href="FiraCode@1.207/distr/fira_code.css">
/* CSS */
@import url(FiraCode@1.207/distr/fira_code.css);
/* Specify in CSS */
font-family: 'Fira Code', monospace;

以下是浏览器支持情况:


  • IE 10+, Edge: 通过 font-feature-settings: "calt" 1; 启用
  • Firefox
  • Safari
  • 基于Chromium的浏览器(Chrome, Opera等)
  • ACE编辑器
  • CodeMirror(通过 font-variant-ligatures: contextual; 启用)

样式集设置

通过样式集,您可以按功能调用字体的额外可选部分。在Fira Code中,它们允许你启用/禁用替代字符变体。Fira Code v2支持以下样式集(仅在支持的编辑器中才能启用样式集):



如何设置样式集,可以参考GitHub上对于各个编辑器的介绍!

编辑器预览

以下是我常用的IDE或编辑器的预览效果,字体已放大:

  • VSCode


  • IDE家族


总结

我使用过多款字体,每一种都有其独特的优点,FiraCode是在其中使用最多的。其他如 Input、Source Code Pro、Anonymous Pro、Ubuntu Mono、Menlo、Consolas、Hack 也非常出色。想了解这些字体的更多信息,可以参考以下链接:

https://www.toutiao.com/i6686413409770013187/

文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/kai-yuan-mian-fei-de-cheng-xu-yuan-zhuan-shu-bian-cheng-zi-ti-FiraCode.html

(810)
打赏 支付宝扫一扫 支付宝扫一扫
single-end

相关推荐