动态字体加载

我们正在构建一个web应用程序,不同的用户可以看到不同的颜色、字体、边框宽度等,具体取决于应用程序加载时从数据库中提取的材质UI JSON主题。

问题出在动态字体上。 人们尝试了哪些方法来动态加载主题所需的字体? 为了清楚起见,一个用户看到的字体可能与另一个用户看到的字体不同。

例如,用户一可以具有以下主题定义: "fontFamily": "'Galaxie', sans-serif"

而用户2可能具有以下主题定义: "fontFamily": "'Roboto', Arial, sans-serif"

通常,您可以定义一个CSS文件,或者在HTML中添加一行,以便从服务器加载这些字体。但是,我们希望用户只需下载 Galaxie 字体,而用户2只需下载 Roboto 字体。

我们正在考虑的当前解决方案:

• 只需让所有用户加载所有字体(不按比例工作)
• 创建CSS文件,定义字体,根据用户从服务器请求动态填充