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');
}