CSS 如何追加字体?

Question

网页已经有一个 font-family 了：

font-family: -apple-system,BlinkMacSystemFont;

我想通过 Stylus 这种自定义 CSS 的扩展，在字体前追加一个自己自定义的字体，应用到所有网站。
比如改成：

font-family: my-custom, xxx, xxx...;

其中 my-custom 是我自定义的 @font-face，只修改了特定的几个字符。

请问有什么写法可以直接把 my-custom 插入到最前面，并且不改变后面的字体吗？

Answer 1

取出来再拼上去不就好了？

const el = document.body

const prevFontFamily = getComputedStyle(el).getPropertyValue('font-family')
el.style.fontFamily = 'MyCustom, ' + prevFontFamily