Vue 2 -导入google字体在构建版本上不起作用

vwoqyblh  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(150)

在一个项目中,我试图导入字体“Encode Sans”,这似乎在localhost上工作,但在构建时,字体不工作。
我有一个全局样式表,包含以下内容:

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;600;700;800&display=swap');

body {
  font-family: 'Encode Sans', sans-serif;
  background: $backgroundColor;
}

我试着通过创建一个public/index.html文件导入<link>,但这也没有解决它,我宁愿没有字体本地。
为了使我的问题更清楚,结果是这样的:

  • 内部版本:

  • 本地主机:

xoefb8l8

xoefb8l81#

最后,我下载了字体并将其添加到项目中,用@font-face替换了@import以进行所需的更改。

相关问题