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

发布于06月04日

我知道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.

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

推荐答案

Vue.js相关问答推荐

try 在类星应用程序中使用Vue插件(Vue 3 Mq)-如何配置？

如何在AXIOS调用响应中动态导入视频并创建它的绝对路径？

Vutify-v-工具提示-不使用键盘轻击按钮显示

Vuetify 3 - NavBar 组件占据整个视口高度

Vuejs 和 Laravel 发布请求 CORS

Vue子组件等待props

指定一个 vue-cli vue.config.js 位置

如何只查看数组中的一个对象？

未捕获的类型错误：无法读取未定义的属性initializeApp

在textbox文本框 VueJS 2 中键入时搜索列表

在 Vue.js 中，为什么我们必须在导入组件后导出它们？

VueJS 使用 prop 作为数据属性值

Vue路由安全

Vuex：无法读取未定义的属性'$store'

Laravel 和 Vue - handler.call 不是函数

在 vue.js 组件中react this.props.children

Bootstrap-vue：如何将数据传递给模态？

如何将props传递给组件的故事？

vuejs 中缺少 webpack 配置

将鼠标悬停在 TailwindCSS 中的 div 上时显示按钮