代码之家 › 专栏 › 技术社区 › Merc

nuxt.js:包含字体文件:use/static或/assets

nuxt.js assets font-face fonts vue.js

Merc · 技术社区 · 6 年前

我知道nuxt.js github repo中的一些文章有点涉及这个问题,但是我想知道在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。干杯

1 回复 | 直到 6 年前

Nicolas Pennec 6 年前

官方文件解释得很清楚: https://nuxtjs.org/guide/assets/

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

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

推荐文章

ChucKN0risK · 在网页包3中找不到静态资产

6 年前

Mimerr · Gradle native c++非源文件资源或资源文件夹位置?

6 年前

Dawid ZbiÅski · 使用细枝创建现成的共享元素

7 年前

Bheru Lal Lohar · 在android或react native中,有什么好方法可以保护内部资产和视频文件存储

7 年前

Awa Desmoline · 我应该在世博会项目中把JSON数据放在哪里

7 年前

Walter Shub · jekyll GitHub页面未加载资产

7 年前

Drunken Daddy · 角度2:在子目录中部署时未加载资产

7 年前

Seif · 为什么在路径段之后添加资产路径?轨道

7 年前

jorjj · Swift 3:选项卡栏控制器图像大小问题

7 年前

anmig · LibGDX使用AssetManager的正确方法

7 年前