我知道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。干杯
Ĵ
官方文档对此进行了很好的解释:https://nuxtjs.org/guide/assets/
assets\
为要处理的资产保留(例如,带有webpack的concat css)static\
无需任何处理即可从根URL(static \ img \ test.jpg => http://example.fr/img/test.jpg)公开所有静态文件。