Dev Fonts 适合开发者的免费字型下载，线上套用字型预览程式码效果

一般的纯文字编辑器不一定适合编写程序码，透过专业的程序码编辑工具可针对程序语言上色，在阅读时更省力，也减少因为误判造成的问题，最重要的是使用等宽字型（Monospaced Font）阅读程序码，有一些字型专门为程序码编辑器或终端机工具设计，像是微软的 Cascadia Code、JetBrains Mono、Iosevka 或是 Hack 等等，或许你也有自己惯用的等宽字型。如果想找找其他选项，Programming Fonts 收录 50 种最适合写程序的字型也能在线比较。

本文要介绍的「Dev Fonts」从网站名称就能知道它的用途，主要以收录开发者会用到的字型为主，写这篇文章时共 33 种字型，其中不乏我以前介绍推荐过的等宽字型。Dev Fonts 最大特色是可以直接在在线预览程序码，选择不同的编辑器配色、程序语言，也能筛选出特定字型、免费付费或具有连字效果的字型，有些时候连字可以有效平衡空白，减少眼睛处理的时间，不过习不习惯还是要自己看一下才知道。

不同于常见的字型网站，Dev Fonts 不是列出字型的每个字元预览，而是直接将字型在线套用在某段程序码上，使用者也可以把一段程序码贴上取代，选择特定的编辑器布景主题配色和程序码类型，就能找出更符合开发习惯的字型选项。

Dev Fonts
https://devfonts.gafi.dev/

使用教程

STEP 1

开启 Dev Fonts 后会看到网站收录的字型列表，这些也都是适合开发者使用的字型（适合浏览程序码的字型），如果想切换预览模式显示的配色，可以从「Theme」进行选择，选取后会直接套用到当前网页供使用者预览。

STEP 2

在「Filter fonts」筛选器可单独搜寻某个字型，或是将字型勾选、加入比较清单，快速比较字型差异。

STEP 3

Dev Fonts 预设会有一段上色的程序码让使用者预览字型，若你偏好其他程序语言，也能将程序码直接复制贴上取代，记得从右上角「Lauguage」选择对应的程序码，就会带入颜色更接近编辑器的浏览效果。点选右下角 Copy code to all 可以将贴上的程序码复制到所有字型的预览范围。

每个 Dev Fonts 收录的字型会标示价格（大多都是免费）、是否有连字效果（Ligatures），点选字型右上角「Get font」就能连结到该字型网站以下载字型文件。

值得一试的三个理由：

1. Dev Fonts 收录适合开发者使用于程序码编写或终端机字型
2. 直接在线预览程序码效果，也能选择不同配色主题
3. 每个字型皆会标示免费或是否有连字效果