Nuxt.js:包含字体文件:使用/ static或/ assets

vue.js Vue.js

宝儿

2020-03-20

我知道nuxt.js github存储库中的一些文章对此做了一些介绍,但是我想知道在nuxt.js中使用字体文件的正确方法是什么。

到目前为止,我们已经将它们保存在/static/fonts目录中,但是其他人assets用来存储字体文件。有什么区别?一种选择更好吗?如果是,为什么?

也有不同的方法来包含它们。这样的路径是否正确:

@font-face {
  font-family: 'FontName';
  font-weight: normal;
  src: url('~static/fonts/font.file.eot'); /* IE9 Compat Mode */
  src: url('~static/fonts/font.file.woff') format('woff'),
       url('~static/fonts/font.file.otf') format('otf'),
       url('~static/fonts/font.file.eot') format('eot');
}

感谢您在这里的一些澄清:D。干杯

Ĵ

第2543篇《Nuxt.js:包含字体文件:使用/ static或/ assets》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
古一 2020.03.20

官方文档对此进行了很好的解释:https//nuxtjs.org/guide/assets/

assets\ 为要处理的资产保留(例如,带有webpack的concat css)

static\无需任何处理即可从根URL(static \ img \ test.jpg => http://example.fr/img/test.jpg公开所有静态文件。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android