You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在Rubens/Roomle Configurator SDK集成中更换字体家族

在Rubens中替换自定义字体的解决方法
  • 核对字体文件路径:确认font-family-url的相对路径和项目实际文件结构匹配,比如字体文件是否确实在项目根目录的fonts文件夹下,路径错误会导致自定义字体无法加载,主题会 fallback 到默认的Lato。
  • 补充字体声明的 fallback:建议在font-family中添加通用字体族作为 fallback,比如写成vFutura-Regular, sans-serif,避免自定义字体加载失败时出现排版问题。
  • 关闭Google Fonts自动加载:Rubens主题默认会加载Lato字体,需要在配置中明确禁用这个功能,添加"googleFonts": false配置项,阻止主题请求Google Fonts资源。
  • 完整配置示例:
"skin": {
    "font-family": "vFutura-Regular, sans-serif",
    "font-family-url": "fonts/vfutura-regular.woff"
},
"googleFonts": false
  • 清理缓存:浏览器缓存或项目构建缓存可能导致旧字体资源残留,清理浏览器缓存后重新访问页面,或者重新构建项目后测试效果。

内容的提问来源于stack exchange,提问作者user20723807

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 17:57:10