Vaadin - 如何在没有 Valo 主题的情况下使用 Valo 字体 Open Sans？

Question

在我的 Vaadin 应用中，我使用的是基于 Vaadin Base 主题的主题。
如果我不使用 Valo 主题，如何使用 Valo 字体 Open Sans？

我的样式.scss

@import "../valo/fonts/open-sans/_open-sans.scss";

.myTheme {
..
@include font-open-sans;
..
font-family: 'Open Sans';
..
}

但它不起作用。
希望它足够清楚，你能给我指出正确的方向吗？

Answer 1

我找到了解决方案。

结果 styles.ccs @font-face 规则必须在自己的主题之外。
所以，我的 styles.scss:

@import "../valo/fonts/open-sans/_open-sans.scss";
@include font-open-sans(true, true, true, true, true, true);

.myTheme {
   ...
}