CSS System Font Stack Monospace v2

在不使用网络字体的情况下，获得一个伟大的单色字体。请看基于GitHub和Bootstrap工作的最新单色系统字体栈。

Nick Galbreath-February 24, 2018

这是什么？

对于大多数系统来说，默认的单色字体是像Courier这样可怕的东西。这可以通过使用已安装的系统字体来轻松改善，这也避免了使用网络字体的开销和黑客。

有什么变化？

自第一篇文章以来，GitHub.com已经使用了至少6个月的Monospace系统字体栈。鉴于他们对计算机代码的关注，以及GitHub是互联网上第64大网站，这意味着他们应该知道什么是好的单色字体栈。同样，UI框架Bootstrap随着v4版本的发布也改用了全系统字体堆栈，它为3.6%的互联网提供动力。

但与san-serif字体堆栈不同的是，对于这些堆栈的创建和更新的原因或方式，还没有那么多的讨论。

2018年的Github

截至2018年，GitHub.com使用的单色字体如下。

font-family:
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    Menlo,
    Courier,
    monospace;

The quick brown fox jumped over the lazy dog.
快速的棕色狐狸跳过了懒惰的狗。
0123456789
11111.11
88888.88
0Oo il1I!Z2z 8$s5S😺‼✏⚠😭⤴⤵

SFMono-Regular在iOS Safari上不可用，在macOS Safari上也不可用，除非你做一些黑客行为。我估计有0.00001%的人真的这么做了，但那些人一定非常喜欢这种字体。对于大多数macOS和iOS用户来说，这个堆栈默认为Menlo。

添加Liberation Mono的原因还不清楚。它必须为Linux发行版解决一些问题，但不清楚如何解决。由于Liberation Mono与Courier相似，我本以为它是这些平台的默认 "单空格 "字体。但也许不是。不管怎么说，把它放在堆栈中都是良性的。

Bootstrap v4

在Bootstrap v4.0.0中，单色字体栈是。

font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;

The quick brown fox jumped over the lazy dog.
快速的棕色狐狸跳过了懒惰的狗。
0123456789
11111.11
88888.88
0Oo il1I!Z2z 8$s5S😺‼✏⚠😭⤴⤵

更多神秘的选择。摩纳哥字体自2009年以来就不是macOS上的主要字体，也从未成为iOS的一部分。对于代码或屏幕来说，Courier New绝对没有Courier好。但在一个半现代的系统中，Monaco或Courier New都不太可能被使用。

结论

虽然我不太理解这些字体堆栈中的一些选择，但这两种字体都为过去五年中使用macOS、iOS、Windows或Android的人提供了一种很好的单色字体。我想这就是你的大部分受众。

与其跟踪最新的浏览器/Linux字体组合和SFMono肥皂剧，我不如直接使用Bootstrap使用的任何字体，然后就可以了。它将会提供一种伟大的单空格字体，而不会招致网络字体的愤怒。