Fonts 如何在自定义主题中使用Valo字体

Fonts 如何在自定义主题中使用Valo字体,fonts,themes,vaadin,Fonts,Themes,Vaadin,Vaadin 7.3及更高版本中的新版本附带了一些字体: 我正在努力将这些Valo字体添加到我的自定义主题中。 这就是我所拥有的,但它似乎不起作用 styles.scss $v-font-family: 'Lato', sans-serif, 'Open Sans'; @import "../valo/valo"; .myTheme { @include valo; @import "myRules"; } 这是我在控制台中得到的: [错误]加载资源失败:服务器响应状

Vaadin 7.3及更高版本中的新版本附带了一些字体:

我正在努力将这些Valo字体添加到我的自定义主题中。 这就是我所拥有的,但它似乎不起作用

styles.scss

$v-font-family: 'Lato', sans-serif, 'Open Sans';

@import "../valo/valo";

.myTheme {

@include valo;

@import "myRules"; 

}
这是我在控制台中得到的:

[错误]加载资源失败:服务器响应状态为404(未找到)

它应该指向


我想我忘了什么,但我已经搜索过了,在《瓦丁之书》中没有提到。

问题解决了,我错过了这个:

$v-relative-paths: false;
资料来源:

主题编译与优化

$v-relative-path(默认值:false)此标志指定 相对URL路径相对于当前解析的SCSS文件或 到编译根文件,以便路径对于不同的 资源。Vaadin主题编译器解析URL路径的方式与 常规Sass编译器(Vaadin修改相对URL路径)。用假 适用于Ruby编译器,适用于Vaadin编译器