有没有办法让CSS（和浏览器）使用系统的字体版本（如果存在），否则使用font-face？

Question

如果浏览器所在的操作系统没有内置该字体，我只想使用字体（并让浏览器下载）。这可能吗？

目前，我使用@font-face定义字体，但这会导致broswer自动下载字体。如果系统上还没有该字体，我只希望发生这种情况。

Answer 1

在@font-face中，指定local来源，例如

@font-face {
    font-family: Open Sans;
    src: local('Open Sans'), url('../fonts/open-sans.woff') format('woff');
}

请注意，用户可能已损坏本地字体。