gpt4 book ai didi

css - React MaterialUI 动态字体加载

转载 作者:行者123 更新时间:2023-11-28 15:10:08 25 4
gpt4 key购买 nike

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

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

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

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

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

目前我们想到的解决方案:

  • 只是让所有用户加载所有字体(不会大规模工作)
  • 创建一个 CSS 文件来定义字体,该文件根据用户从服务器请求动态填充

最佳答案

您可以从这里导入自定义字体。

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

关于css - React MaterialUI 动态字体加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52087530/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com