菜单

安装与使用

相关源文件

本指南提供了在各种操作系统上安装 Fira Code 字体并在编辑器、终端和网页等不同环境中进行配置的全面说明。有关不同字体功能和变体的详细信息,请参阅 字体功能字符变体和样式集

安装流程概述

来源:README.md15-22 distr/README.txt1-106

下载 Fira Code

第一步是从 GitHub releases 页面下载 Fira Code 的最新版本

  1. 前往 最新发布
  2. 下载 ZIP 文件(Fira_Code_vX.Y.zip,其中 X.Y 是版本号)
  3. 解压内容以访问字体文件

来源:README.md15-17

系统安装

Windows

提供两种安装方法

  1. 标准安装:

    • 导航到解压后的 ttf 文件夹
    • 双击每个字体文件,然后点击“安装字体”
    • 或者选择所有文件,右键单击,然后选择“安装”
  2. 使用 Chocolatey:

    choco install firacode
    

来源:distr/README.txt4-14

macOS

  1. 标准安装:

    • 打开解压后的 TTF 文件夹
    • 选择所有字体文件
    • 右键单击并选择“打开”(或“通过字体册打开”)
    • 选择“安装字体”
  2. 使用 Homebrew:

    brew tap homebrew/cask-fonts
    brew install font-fira-code
    

来源:distr/README.txt16-31

Linux

Ubuntu (17.04+) 或 Debian (9+)

  1. 启用“universe”(Ubuntu)或“contrib”(Debian)存储库
  2. 安装包
    sudo apt install fonts-firacode
    

Arch Linux

pacman -S ttf-fira-code

AUR 中的替代软件包:otf-fira-code-git

Fedora

dnf install fira-code-fonts

其他发行版

发行版安装命令
Gentooemerge -av media-fonts/fira-code
Solussudo eopkg install font-firacode-ttf font-firacode-otf
Void Linuxxbps-install font-firacode

手动安装(Linux)

如果您的发行版没有打包 Fira Code,您可以使用此脚本手动安装

来源:distr/README.txt33-106

FreeBSD

  1. 使用 pkg:

    pkg install firacode
    
  2. 使用 ports:

    cd /usr/ports/x11-fonts/firacode && make install clean
    

来源:distr/README.txt109-121

字体分发架构

来源:README.md230-244 README.md245-253

编辑器配置

编辑器兼容性

下表列出了 Fira Code 与各种编辑器和 IDE 的兼容性

编辑器/IDE兼容性备注
VS Code支持非常好
IntelliJ IDEA/WebStorm/PyCharm/等2016.2+ 版本
Atom1.1+ 版本
Sublime Text3146+ 版本
Visual Studio2015+ 版本
Xcode8.0+ 版本
Android Studio2.3+ 版本
Eclipse
NetBeans
Emacs部分需要解决方法
Vim/GVim提供多种选项

有关完整的兼容性列表,请参阅 README.md75-146

来源:README.md75-146

来源:distr/README.txt123-553

VS Code

  1. 打开设置(文件 > 偏好设置 > 设置 或 Ctrl + , / Cmd + ,
  2. 在“文本编辑器”设置下,点击“字体”
  3. 在“字体系列”输入框中,键入 Fira Code,替换任何现有内容
  4. 在“字体连字”下,勾选“启用/禁用字体连字”复选框

要指定字体粗细,请使用 Fira Code Light(Windows)或 FiraCode-Light(macOS)。

来源:distr/README.txt136-144

IntelliJ 系列产品(IDEA, WebStorm, PyCharm 等)

  1. 在设置 → 编辑器 → 字体 → 启用字体连字 中启用
  2. 在设置 → 编辑器 → 字体 下将“主字体”选择为 Fira Code

如果选择了颜色方案,请同时进行:3. 在设置 → 编辑器 → 颜色方案 → 颜色方案字体 → 启用字体连字 中启用 4. 在设置 → 编辑器 → 颜色方案 → 颜色方案字体 下将“主字体”选择为 Fira Code

来源:distr/README.txt146-156

Atom

  1. 打开 Atom 的首选项(Mac 上是 Cmd + ,,PC 上是 Ctrl + ,
  2. 转到“编辑器设置”或“编辑器”选项卡
  3. 在“字体系列”字段中,输入 Fira Code

Atom 1.9 及以上版本默认启用连字。

来源:distr/README.txt126-134

Sublime Text

在首选项 → 设置之前添加以下行

要启用抗锯齿,请将“gray_antialias”添加到 font_options。

来源:distr/README.txt532-542

Visual Studio

  1. 启动 Visual Studio(2015 及更高版本)
  2. 打开 工具 → 选项
  3. 在“环境”类别下,选择“字体和颜色”
  4. 在“字体”组合框中,选择“Fira Code”
  5. 点击“确定”并重新启动 Visual Studio

注意:某些连字,例如基于连字符的连字(例如 ->),可能无法正常工作。

来源:distr/README.txt545-556

终端配置

终端兼容性

终端兼容性备注
iTerm2完全支持
Windows 终端良好支持
Terminal.app
Kitty
Konsole
Hyper参见 issue #3607
Alacritty不支持
GNOME Terminal未解决的工单
Cmder不支持
PuTTY不支持

有关完整的终端兼容性列表,请参阅 README.md152-171

来源:README.md152-171

网页字体使用

基本实现

要将 Fira Code 用作网络字体,请将其包含在您的 HTML 或 CSS 中

HTML

CSS 导入

然后在您的 CSS 中指定字体

浏览器支持

Fira Code 应该能在所有现代浏览器中正常工作。对于旧版浏览器

  • IE 10+,Edge Legacy:通过 font-feature-settings: "calt"; 启用
  • Firefox、Safari、Chrome、Opera:默认支持
  • 与 ACE 或 CodeMirror 等代码编辑器一起使用时,通过 font-variant-ligatures: contextual; 启用

来源:README.md173-200

网页字体实现架构

来源:README.md173-200

故障排除

如果您在安装或使用 Fira Code 时遇到问题

  1. 请查看 故障排除维基页面
  2. 确保您的编辑器/终端在兼容性列表中
  3. 验证您的编辑器设置中已启用连字
  4. 有关特定的编辑器问题,请参阅 README 中的详细说明

来源: README.md21-22 distr/README.txt557-561

其他资源

关于 Fira Code 的更多信息

来源: README.md23 README.md230-270