更改 Vaadin-Core 24.3.5 中的字体系列

Question

我是 Vaadin 的新手。 我通过 vaadin start 创建了一个项目。 我选择了 Chewy 字体，但我拥有的字体与它相差甚远，所以我尝试通过文件更改它：

• 主题.json
• Application.java（@NpmPackage）
• 样式.css

我也

npm -i

我正在尝试的每一个新的@fontsource。 到目前为止，字体不会改变，所以我猜我做错了什么。 vaadin-core 有可用的字体吗？

谢谢你

Answer 1

如果您同意 Google 托管该字体，您可以在

styles.css

中执行以下操作：

@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap');

html {
    --lumo-font-family: "Chewy", system-ui;
}