css - CSS Font Face，仅在字体不存在时下载

Question

我在我的网站 ( Segoe UI) 中包含了自定义字体，但是字体文件大约 1mb，第一次加载需要几秒钟。

我在 Mac 上，OSX 没有附带字体。但是，据我所知，它包含在 Windows 中。

如果客户端上尚不存在该字体，如何使 CSS仅加载该字体？

Answer 1

使用local('Segoe UI')解决了。似乎它从头到尾优先考虑来源。

这是工作代码

@font-face {
    font-family: Segoe;
    src: local('Segoe UI'), url('fonts/segoeui.ttf') format('truetype'), url('fonts/segoeui.woff') format('woff');
}