fonts - 为什么这个字体有这么好的渲染？

Question

通过这个问题，我发现了如何找到网页设计中使用的字体名称（谢谢大家）

但我的问题是我从来没有在我的电脑上安装过这样的字体（在这种情况下：'Freight Sans Bold'）；那么这个网站怎么可能以这么高的质量呈现这种字体，而我什至一开始就没有这种字体呢？

据我所知，当目标系统上不存在所描述的字体时，将使用一些替代字体（常用字体如 tahoma，...）；但是这个案子呢？

Answer 1

CSS中有一个'font-face'规则定义了Freight Sans Bold，并且可以在那里定义字体，然后或提供一个可以从中下载它的URL。在这种情况下，字体的定义是嵌入的，因此不需要进一步的网络请求。如果您在 Firebug 或类似中检查 CSS，您可以看到它：

@font-face {
    font-family: "Freight Sans Bold";
    font-style: normal;
    font-weight: normal;
    src: url("data:font/opentype;base64,T1RUTwAJA....