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

Question

通过this 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....