javascript - 使用 Vue Cli 3 链接到字体

Question

我正在尝试将我的@font-face 链接到由 vue cli 3 和 vue 2 创建的项目中的字体文件夹（资产/字体）

树状

资产/sass/实用程序/fonts.sass

@font-face
  font-family: 'NeuzeitGroteskBold'
  src: url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.eot')
  src: url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.eot?#iefix') format('embedded-opentype'),
       url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.woff2') format('font-woff2'),
       url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.woff') format('font-woff'),
       url($font-path + 'NeuzeitGroteskBold/neuzeitgro-bol-webfont.ttf') format('font-truetype')
  font-weight: normal
  font-style: normal

资产/sass/app.sass

@charset "utf-8"
$font-path: '~@/assets/fonts/'
@import 'utilities/all'

我已经尝试过 ../../fonts 或 assets/fonts，将其放入公用文件夹或使用 font-url 但没有任何效果......

我没有错误消息，字体无法正常工作

Answer 1

好的，这是因为format('font-woff')用于修复另一个错误的那个不正确

它正在与format('woff')