好奇的CSS：“字体-家庭:还原-N8；”

Question

在http://contrastrebellion.com/的源代码中发现了一些奇怪的CSS：

font-family: restore-n8, restore-1, restore-2, sans-serif;

Restore-n8和类似的东西似乎不是字体名称。这个CSS片段是做什么的？

Answer 1

我是恢复，由TypeKit提供服务。

这些字体已经包括使用CSS3 3‘S @font-face。字体本身已经包含在样式中，使用base-64编码，并且可以像CSS中的任何其他字体家族一样引用。

下面是定义这些字体之一的CSS的一个快速示例：

@font-face {
font-family:"restore-1";
src:url(data:font/opentype;base64,d09GRk--snip--gAA);
font-style:normal;
font-weight:300;
}

Answer 2

尝试搜索它，但似乎你只能使用字体系列字体系列。因此，我将假设还原-N8实际上是一种字体(可能是他们自己制作的)。我想他们也有可能使用一些工具来创建css，但它以某种方式失败了，并吐出了这一行。不知道还会是什么。