ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

Fira Code 连字字体完整指南:3 条路径完成安装、编辑器配置与自定义编译

Fira Code 连字字体完整指南:3 条路径完成安装、编辑器配置与自定义编译 Fira Code 连字字体完整指南3 条路径完成安装、编辑器配置与自定义编译【免费下载链接】FiraCodeFree monospaced font with programming ligatures项目地址: https://gitcode.com/GitHub_Trending/fi/FiraCode如果你的编辑器里-、、:还显示成一串分离的 ASCII 字符Fira Code 值得装上试试。它是一款免费开源的编程等宽字体把常见的多字符运算符序列渲染成单个连字符号同时代码本身保持纯 ASCII 兼容——换句话说这只是字体层面的呈现优化不影响你提交的任何代码。下面按装字体 → 接编辑器 → 自定义编译 → 排障四个环节展开全程不需要设计基础。装之前先搞清楚Fira Code 到底改了什么结论先行它解决的只是读代码时眼睛要反复把两个三字符拼成一个逻辑符号的问题。连字只在渲染层生效源文件里仍然是屏幕上看到的是单个箭头符号对..、//这类高频序列连字顺便修正了字符间距箭头类连字可以自由组合起点、中段、终点片段长度随意除了连字字体对标点符号和常见字母对也做过排版微调长时间阅读更舒适。箭头是 Fira Code 最有辨识度的部分标点与高频字母对的微调细节安装字体按你的环境选一条路径三条路径对应三种诉求要快选 Homebrew要跨平台或想动手选源码编译不想污染本机环境选 Docker。路径一Homebrew 一行装好macOS最快brew install --cask font-fira-code装完系统字体库直接可见跳过下面所有编译步骤。路径二克隆源码本地编译macOS / Linux支持自定义git clone https://gitcode.com/GitHub_Trending/fi/FiraCode cd FiraCode # 安装编译依赖macOS 用第一个脚本Linux 改用 script/bootstrap_linux.sh ./script/bootstrap_macos.sh # 编译全部字重的 OTF / TTF / 可变字体 / WOFF ./script/build.sh编译产物在distr/下按平台把字体拷贝到字体目录即可# macOS cp distr/otf/Fira Code/*.otf ~/Library/Fonts # Linux sudo cp distr/ttf/Fira Code/*.ttf /usr/share/fonts/truetype/ sudo fc-cache -fvscript/目录里其实拆成了build_otf.sh、build_ttf.sh、build_variable.sh、build_woff.sh等单格式脚本build.sh只是按顺序调用它们只想要 TTF 时可以直接单独跑对应脚本。路径三Docker 容器内编译不碰本机依赖仓库的 Makefile 定义了两条命令make # 在容器内安装依赖并编译 make package # 把产物打成 zip在编辑器和终端里打开连字装好字体后连字默认不会自动生效——绝大多数应用需要你手动打开开关。VS Code打开设置JSON添加两行editor.fontFamily: Fira Code, monospace, editor.fontLigatures: trueJetBrains 全家桶IntelliJ / PyCharm / GoLand 等 2016.2Settings → Editor → Font字体选 Fira Code勾选 Enable ligatures。终端iTerm 2、Windows Terminal、Konsole、Kitty、GNOME 的 st 等支持连字GNOME Terminal、xterm、Windows Console 不支持换终端或保持默认符号显示。浏览器里则是 CSS 层面的事code { font-family: Fira Code, monospace; } /* CodeMirror 需要显式开启 contextual 连字 */想更进一步把喜欢的变体在编译时烤进字体如果你的编辑器不方便逐个切换样式集可以直接在编译期指定特性。仓库的features/目录收录了全部可选特性文件cv01–cv32字符变体如 cv01 是另一种小写 a、ss01–ss10样式集如 ss02 把/换成带横杠的版本、zero带点的零、onum等宽老式数字。用-f传逗号分隔的特性列表-n起一个不同的字族名避免覆盖默认字体-w只编译需要的字重./script/build.sh --features ss02,ss08,zero \ --family-name Fira Code Custom \ --weights Regular,Bold⚠️ 特性是永久烧录进这个字体版本的之后要改就得重新编译日常只想要某几个变体时优先用编辑器/系统字体面板里的字符替换开关编译期方案留给你的编辑器不支持单独切换的场景。连字不显示按这个顺序排查字体真的装上了吗macOS 打开字体册搜 Fira CodeLinux 执行fc-list | grep -i fira code连字开关开了吗VS Code 的fontLigatures、JetBrains 的 Enable ligatures、CSS 的font-variant-ligatures三者互不通用当前应用里的那一个必须打开应用本身支持吗对照前面终端一节的清单部分应用干脆不渲染连字这不是字体问题重启应用字体库变更后很多编辑器只在启动时刷新字体列表重启一次再验证。下一步先在 VS Code 里打开fontLigatures观察下一行代码里、!、-的变化五秒钟就能确认链路是否打通。之后想深入仓库里有两处值得翻features/下的.fea文件能看懂每个变体具体替换了哪些字形docs/calt_performance.md则解释了连字 shaping 的几种实现方案和耗时对比。【免费下载链接】FiraCodeFree monospaced font with programming ligatures项目地址: https://gitcode.com/GitHub_Trending/fi/FiraCode创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表