是否可以在与我使用的地方不同的CSS中声明本地字体？

Question

我通过@Font-Face标记声明了一个新的Font，为此我有一个fonts.css和另一个style.css，该字体在网页上的fonts.css之后加载。因为这还行不通，我问自己在CSS中是否还可以，所以那可能就是错误吗？我在浏览网页时找不到任何信息。

Fonts.css：

@font-face {
  font-family: OpenSans;
  src: url(fonts/Open_Sans/OpenSans-Regular.ttf);
  font-weight: normal;
}

Style.css

:root {
  --font: OpenSans, Arial, Sans-serif;
}

html {
  font-family: var(--font);
}