React MaterialUI动态字体加载

问题描述 投票:0回答:1

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

问题来自动态字体。人们试图动态加载主题所需的字体有哪些方法?需要说明的是,一个用户看到的字体可能与另一个用户看到的字体不同。

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

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

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

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

  • 只需让所有用户加载所有字体(不能大规模工作)
  • 创建一个CSS文件,以定义字体,根据哪个用户从服务器请求它来动态填充
css reactjs fonts material-ui dynamic-content
1个回答
0
投票

您可以从此处导入自定义字体。

https://material-ui.com/guides/interoperability/#raw-css

© www.soinside.com 2019 - 2024. All rights reserved.