寻找一种有条件地将Google字体加载到React应用中的方法

问题描述

我正在构建一个应用程序，让用户在其管理区域中选择一种字体组合。 组合存储为字符串，并且数据在另一个前端获取。

我现在想基于变量在应用程序中加载正确的字体，因为我不想获取所有可用的字体。

最好的方法（主要是基于性能）是什么？

大约有5种字体组合，每种2种字体和2种粗细。

解决方法

我建议您使用js代码将样式添加到DOM中。 这可能会有所帮助。

javascript beginner: add a dynamic style in javascript?

这样，您只能添加已选择的字体，也许您需要将这些字体保留在后端或localStorage中，以便知道应该动态加载的样式。