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

Question

Vaadin 7.3及更高版本中的新Valo theme捆绑了一些字体：

• Lato
• Lora
• Open Sans
• Roboto
• Source Sans Pro

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

styles.scss

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

@import "../valo/valo";

.myTheme {

@include valo;

@import "myRules"; 

}

这是我在控制台中获得的内容：

[错误]无法加载资源：服务器响应状态为404（未找到）http://name/name/VAADIN/themes/myTheme/Lato-regular-webfont.woff

它应该指向http://name/name/VAADIN/themes/valo/Lato-regular-webfont.woff

我想我忘记了一些事情，但是我已经搜查了，并且在Vaadin书中没有提及。

Answer 1

问题解决了，我错过了这个：

$v-relative-paths: false;

来源：http://vaadin.com/download/book-of-vaadin/current-br/html/themes.valo.html

  

主题编译和优化

     

$ v-relative-paths（默认值：false）此标志指定是否   相对URL路径相对于当前解析的SCSS文件或   到编译根文件，以便路径对于不同的路径是正确的   资源。 Vaadin主题编译器以不同的方式解析URL路径   常规Sass编译器（Vaadin修改相对URL路径）。使用false   对于Ruby编译器，对于Vaadin编译器都是如此。