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

【问题标题】：How to use Valo fonts in custom theme如何在自定义主题中使用 Valo 字体
【发布时间】：2015-01-14 13:44:48
【问题描述】：

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

我正在努力将这些 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 之书中提到。

【问题讨论】：

标签： fonts themes vaadin

【解决方案1】：

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

$v-relative-paths: false;

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

主题编译与优化

$v-relative-paths (default: false) 这个标志指定是否相对 URL 路径是相对于当前解析的 SCSS 文件或到编译根文件，以便不同的路径是正确的资源。 Vaadin 主题编译器解析 URL 路径的方式与常规 Sass 编译器（Vaadin 修改相对 URL 路径）。使用假适用于 Ruby 编译器，适用于 Vaadin 编译器。

【讨论】：