好看的字体收集

8.1

Preview all fonts

FiraCode: Monospaced font with programming ligatures

javascript-firacode

MacVim

set macligatures
set guifont=Fira\ Code:h12

TOP 10 Programming fonts

top-10-programming-fonts

  • INCONSOLATA
  • CONSOLAS
  • DEJA VU SANS MONO
  • DROID SANS MONO
  • PROGGY
  • MONOFUR
  • PROFRONT
  • MONACO
  • ANDALE MONO
  • COURIER

列表

Mukta Mahee

ff-netto-web

先引用字体文件来定义字体

<style type="text/css">
    @font-face {
        font-family:ff-netto-web;
        src:url(https://use.typekit.net/af/d938ce/000000000000000000017785/27/l?subset_id=2&fvd=n7&v=3)
        format("woff2"),url(https://use.typekit.net/af/d938ce/000000000000000000017785/27/d?subset_id=2&fvd=n7&v=3)
        format("woff"),url(https://use.typekit.net/af/d938ce/000000000000000000017785/27/a?subset_id=2&fvd=n7&v=3)
        format("opentype");
        font-weight:700;
        font-style:normal;
    }
    @font-face {
        font-family:ff-netto-web;
        src:url(https://use.typekit.net/af/8f5858/000000000000000000017783/27/l?subset_id=2&fvd=n4&v=3)
        format("woff2"),url(https://use.typekit.net/af/8f5858/000000000000000000017783/27/d?subset_id=2&fvd=n4&v=3)
        format("woff"),url(https://use.typekit.net/af/8f5858/000000000000000000017783/27/a?subset_id=2&fvd=n4&v=3)
        format("opentype");
        font-weight:400;
        font-style:normal;
    }
</style>

使用

font-family: "ff-netto-web";

Segoe UI

font-family: "Segoe UI";

Comic Sans MS

font-family: "Comic Sans MS";

Roboto

font-family: "Roboto";

Lato

font-family: "Lato";

Work Sans

字体版权

字体的使用(包括在网页中)是有版权限制的。需检查相关的许可证书。

参考

15 free fonts

📖