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

Question

我在我的网站上添加了自定义字体（Segoe UI），但字体文件大约为1mb，第一次加载需要几秒钟。

我在Mac上，并且该字体不随OSX一起提供。但是，据我所知，它包含在Windows中。

如果字体尚未存在于客户端上，如何才能使CSS 加载字体？

Answer 1

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

这是工作代码

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