在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
相关产品推荐
相关产品推荐

