javascript - 我可以使用跨平台、跨浏览器关键字来指代系统字体吗？

Question

是否有跨平台。我可以使用跨浏览器关键字来引用 CSS 中的用户系统字体吗？

Apple 提供了一个引用操作系统字体的-apple-system。

.myStyle {
    font-family: -apple-system; /* works on OSX */
    font-family: -system;
}

更多信息:
Using the system font in web content
System fonts

Answer 1

不，据我所知不是，但有解决方案

/* System Fonts as used by GitHub */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

或

/* Define the "system" font family */
@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 300;
  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

/* Now, let's apply it on an element */
body {
  font-family: "system";
}

来源:https://css-tricks.com/snippets/css/system-font-stack/