使用带有 kotlin 样式的外部 css 字体

Question

我已经使用 kotlin-react 创建了一个 kotlin react 应用程序，并且我正在使用 kotlin-styled 进行 CSS 样式设置。

我想使用 Google Fonts 中的自定义字体更改自定义文本组件的字体。对于.css 文件，我会执行以下操作：

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

.text {
  font-family: 'Nunito', sans-serif;
}

如何使用kotlin-styled 实现类似的效果。我一直在寻找 import 或 url 函数，但它不存在。此外，他们没有任何关于外部字体的文档。任何帮助表示赞赏。

Answer 1

从 pre.210 开始就有 CSSBuilder#import 可用，所以你可以做的是：

CSSBuilder().apply {
   import("url('https://fonts.googleapis.com/css2?family=Nunito&display=swap')")
    
   fontFamily = "'Nunito', sans-serif"
}