如何使用 vitejs 导入 google-font？

Question

google-font 和 vitejs 的问题

我想知道如何为我的Vite项目导入google-font（或其他字体），尽管Vite已经在index.html中对css，scss，sass等进行了所有配置，但没有关于如何配置的信息Vite 谷歌字体。请帮我。（我的配置 = Vite -> React -> TypeScript -> sass）。

Answer 1

我遇到了同样的问题，所以我使用提供的谷歌字体，<link>直到找到FontSource。

它允许通过 npm 导入谷歌字体。从那时起，由于 DX 及其优点，它成为我每个项目的标准。 https://fontsource.org/docs/getting-started

这个解决方案也恰好被采用在 Astro 框架中，由 vite 提供支持。 https://docs.astro.build/en/guides/fonts/#using-fontsource

希望它有帮助， GdS。