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

Question

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

我的styles.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 {
   ...
}