Javascript 如何仅加载web字体作为备份

我在React中制作了一个公文包，在手机上我的本地字体无法加载。我想这样做，如果本地字体没有加载，那么我将获取类似的谷歌字体。如果加载本地字体，那么我不想加载google字体。我怎样才能用React做到这一点

我已经尝试过无论如何加载它，但我认为加载字体作为备份会更有效

我会在普通JavaScript中使用类似的东西，但不知道对应的React

if(document.getElementById('header').style.fontFamily != "local-font") {
    var fontLink = document.createElement('link');
    fontLink.href = "http://myGoogleFont.com";
    fontLink.rel = "stylesheet"
    document.body.appendChild(fontLink);
}

---

抱歉，如果这是基本的，但我是React的初学者，没有理由你不能使用相同的东西。你不能用React直接操作DOM吗？将附加到head，但否则不会影响React应用程序。它只在引导的任何元素中运行，没有理由不能使用相同的东西。你不能直接使用React操作DOM吗？将附加到head，但不会影响React应用程序。它只在引导到的任何元素中运行