Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Nuxt.js:包含字体文件:使用/static或/assets_Vue.js_Fonts_Font Face_Assets_Nuxt.js - Fatal编程技术网

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

Vue.js Nuxt.js:包含字体文件:使用/static或/assets,vue.js,fonts,font-face,assets,nuxt.js,Vue.js,Fonts,Font Face,Assets,Nuxt.js,我知道nuxt.js github repo中的一些帖子有点涉及这一点,但我想知道在nuxt.js中使用字体文件的正确方法是什么 到目前为止,我们把它们放在/static/font目录中,但其他人使用资产来存储字体文件。 有什么区别?其中一种选择更好吗?如果是,为什么 也有不同的方法来包含它们。 这样的路径是否正确: @font-face { font-family: 'FontName'; font-weight: normal; src: url('~static/fonts/f

我知道nuxt.js github repo中的一些帖子有点涉及这一点,但我想知道在nuxt.js中使用字体文件的正确方法是什么

到目前为止,我们把它们放在
/static/font
目录中,但其他人使用
资产
来存储字体文件。 有什么区别?其中一种选择更好吗?如果是,为什么

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

@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。 干杯


官方文件对此做了很好的解释:

assets\
是为要处理的资产保留的(例如带有网页包的concat css)


static\
可用于公开根url(static\img\test.jpg=>)中的所有静态文件,无需任何处理

请查看此项。我觉得这有点关系。不知怎么的,我没有找到这个。谢谢你的澄清。干杯医生没有回答这个问题。哪种字体更好?如果您正在加载Google字体,您是否应该从CDN加载它们,如果是,您在应用程序中的何处进行加载?@ccleve要从CDN导入资源(例如字体),最好在“nuxt.config.js”文件中声明它,如文档中所述: