为VScode安装Fira Code字体

最新推荐文章于 2026-04-23 07:08:44 发布
原创 最新推荐文章于 2026-04-23 07:08:44 发布 · 841 阅读 · 4 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vscode #ide #编辑器

起因也是觉得VScode编辑器的默认字体看着太累了。看网上很多地方推荐Fira Code的字体，但是安装教程和实际又有点出路，于是在此记录一下自己的过程。

首先进入字体源码网站 GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures ，到下面 "Download & Install " 一栏下载zip文件

下载并解压后，找到 ttf 目录：

里面都是ttf字体文件，右键安装即可：

安装完之后，就轮到设置VScode了。去setting里面，搜索"font"，找到这个 "Editor：Font Family"，把内容改为 Fira Code：

就完成啦！没效果的话重启VScode。

对比效果：（其实截图效果不好，自己能看出明显的变化）

前
后
vscode更换字体
汽车电子软件领域知识分享
07-19 8039
以Fria Code字体为例，首先下载该字体： (Fira Code 字体的下载地址)[https://github.com/tonsky/FiraCode] 下载后解压，如下图： Windows用户，安装ttf文件夹中的字体 双击字体文件，点击安装： 全部安装完，在vscode中的Font Family中，添加“Fira Code” 重启vscode，可以看到字体已改变。 ...
Fira Code，一个编程专用字体
qq_64118348的博客
11-24 3311
最近想换一个编程用的字体，就找到了Fira Code，用了之后觉得还不错，就推荐给大家。 Fira Code 最好用的就是有编程连字特性，可以大大提高代码可读性。 下面是一些代码示例： Python: Ruby: JavaScript: Go: 但是支持连字特性的编译器比较少，所以不是所有编译器都能完整的体验到Fira Code的功能 ...
FiraCode：颠覆你对代码认知的编程字体，让效率与美感并存！
wylee的博客
06-04 2055
FiraCode：提升编程体验的连字字体神器 FiraCode是一款基于Fira Mono的等宽字体，创新性地引入了"编程连字"功能。它能将常见编程符号组合（如->、=>、==等）自动渲染为更具语义的单一字符，如将"->"显示为"→"，"=="显示为"≡"。这种视觉优化不会改变实际代码内容，仅提升显示效果。FiraCode通过将多字符符号转化为直观的单一字形，显著减少了认知负荷，改善了代码的
FiraCode编程字体终极指南：如何通过连字艺术提升代码可读性
最新发布
gitblog_01125的博客
04-23 324
FiraCode是一款免费的等宽编程字体，以其独特的连字（ligatures）功能而闻名。它能够将常见的代码符号组合转换为更直观的单一字符，从而显著提升代码的可读性和美观度。本文将为你详细介绍FiraCode的核心优势、安装方法以及如何充分利用其强大功能来优化你的编程体验。 ## 为什么选择FiraCode？连字艺术的视觉革命 等宽字体是程序员的必备工具，但FiraCode通过创新的连字技术将
vscode使用pinia官网字体
weixin_44368048的博客
10-10 1579
随着vue3的推出，pinia也变得火爆起来，代替了vue2常使用的vuex，不知道的可以去看看官方文档，在浏览官方文档的时候，发现pinia官网使用的字体很好看，那么如何获取到pinia的字体呢？链接：https://pan.baidu.com/s/1UKBac3mwmJO1L0EKGZe3dQ?到此为止我们的pinia字体已经安装成功了，如图，这个字体是不是比之前的字体好看了很多呢。1.首先需要获取到字体安装包，链接我放到下方。3.重启vscode。
【亲测免费】【免费下载】 探索代码之美：FiraCode——一款革命性的编程字体
gitblog_00067的博客
03-19 2528
探索代码之美：FiraCode——一款革命性的编程字体 【免费下载链接】FiraCode Free monospaced font with programming ligatures 项目地址: https://gitcode.com/GitHub_Trendi...
【vscode】Window11环境下vscode使用Fira Code字体【教程】
Shen Mu Xin's Blog
11-03 3338
如果想要在Ubuntu环境下使用Fira Code字体，可以参考我的。
告别卡顿！在Ubuntu 22.04上为VSCode安装Fira Code字体，打造你的专属编程界面
weixin_42546508的博客
04-17 199
本文详细介绍了在Ubuntu 22.04上为VSCode安装和配置Fira Code字体的完整指南，包括命令行和图形界面安装方法，以及VSCode的深度配置技巧。Fira Code以其优雅的连字特性提升代码阅读体验，适合开发者打造高效美观的编程环境。文章还提供了性能测试和常见问题解决方案，帮助用户优化工作流。
vscode字体安装（fira code+更纱黑体）
一起学习吧
04-22 2030
主要参考了下面这篇文章。
专为编程打造的字体 firacode 安装 Fira code 字体 font vscode ubuntu
ncf的博客
12-27 1898
安装1 sudo apt install fonts-firacode https://github.com/tonsky/FiraCode/wiki/Linux-instructions#installing-with-a-package-manager ↩︎
vscode设置字体 -- Fira code
Jie0817的博客
06-27 2571
3、打开vscode 文件=》 首选项 =》 设置 =》用户 =》文本编辑器 =》 字体 =》在settings.json中编辑。2、下载完成解压缩进入ttf目录全选安装。最后重启vscode就设置成功啦。1、进入github下载字体。
【转载】Fira Code | 为写程序而生的字体
hardwork617s的博客
12-06 2284
【转载】Fira Code | 为写程序而生的字体 https://www.jianshu.com/p/266b4fa2c446?tdsourcetag=s_pctim_aiomsg 程序员福利！！！ 今天为大家带来一个专为程序员写程序设计的字体 —— Fira Code Fira 是 Mozilla 公司（火狐浏览器她爹）主推的字体系列。Fira Code 是其中的一员，专为写程序而生。出来具有等宽等基本属性外，还加入了编程连字特性（ligatures）。 Fira Code 就是利用这个特性对编程
Fira Code：适合程序员的编程字体
weixin_30556161的博客
05-23 1974
#Fira Code 　　Fira 是 Mozilla 公司 主推的字体系列。Fira Code 是其中的一员，专为写程序而生。出来具有等宽等基本属性外，还加入了编程连字特性（ligatures）。 　　Fira Code 就是利用这个特性对编程中的常用符号进行优化，比如把输入的「!=」直接显示成「≠」或者把「>=」变成「≥ 」等等，以此来提高代码的可读性。 　　在我...
【免费下载】 Fira Code 字体安装和配置指南
gitblog_07359的博客
09-13 2428
Fira Code 字体安装和配置指南 【免费下载链接】FiraCode Free monospaced font with programming ligatures 项目地址: https://gitcode.com/GitH...
超简单一分钟VSCODE安装Fira Code字体
Vint_LU的博客
11-07 3123
如果你喜欢这个粗细的话，那么就直接点击“安装”，然后重启vscode便可以看到字体已变为firacode了；如果不喜欢，那就再看看另外几个.ttf文件，再选择下载。这就是安装在vscode拓展包的路径下的firacode，我们随便双击点开一个.ttf文件，比如。看了好些教程，看着都有点麻烦，下面让我们30s装好这个firacode字体。打开vscode，点击“拓展”，在搜索栏处搜索“firacode”FiraCode-Regular.ttf。之后的操作与1一样。
必看！VSCode字体界面美化教程
热门推荐
分享知识和经验，只出精品~
10-24 5万+
VSCode是一款轻量级开源编辑器，在Windows版本中默认的UI其显示效果肯定是没有在Mac中好的，其中一个重要的原因就是Mac所使用的中文字体苹方和英文字体SF Pro以及Mac独特的渲染机制，使得界面看起来更加舒适美观，所以本期教程教授大家如何更换VSCode的界面字体，以达到在Win平台下所能达到最佳的视觉体验。
VSCode字体及主题设置
Kongbobo39的博客
07-29 3062
百度网盘下载连接提取码：1234。
【Linux】Ubunt20.04在vscode中使用Fira Code字体【教程】
Shen Mu Xin's Blog
10-17 2909
Fira Code：是一种带有编程连字的等宽字体。但什么是字体连字呢？开发人员在编程中使用大量顺序符号，例如：=>、
VSCode自定义字体
weixin_44173842的博客
12-26 1959
在自定义字体之前，首先我们需要选择一款自己喜欢的字体，然后下载，本博文以Fira Code字体为例，可以去字体的官方网站、GitHub或者Nerd Fonts下载。Fira CodeNerd Fonts是集成大量字形符号 ( 图标 ) 的开发人员字体，它对一些流行的字体加入了大量额外的字形、符号、图标和emoji，并且可以自由调整大小和颜色，设计非常精美，可以提升文本的可读性和表现力。Nerd Fonts官网可以下载各种字体的Nerd版本并且支持预览。
【面向小白】vscode最佳实践（2）—— 字体设置（fira code+更纱黑体）
weixin_41096870的博客
08-20 2万+
本文讲解配置vscode的编程字体，Fira Code 和更纱黑体。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值