vue.js - 自定义字体未显示在Electron + Vue App上

Question

我正在使用Vue + Electron开发一个应用，并且使用自定义字体时遇到了问题。在网络模式下运行该应用程序时，与自定义字体一起使用的图标显示为“确定”。但是，当我使用 Electron 生成器构建应用程序时，不会加载图标/自定义字体。

我将自定义字体导入index.html头标记中，并且自定义字体位于src/renderer/assets/fonts文件夹中。

任何帮助
谢谢

Answer 1

要确保 Electron 中包含该字体，请尝试如下操作:

在渲染器main.js中
import './scss/app.scss'
在您的“./scss/app.scss”中

@font-face {
    font-family: 'Your Custom Font';
    src: url('../assets/fonts/Your Custom Font.ttf');
}

这应该确保您的字体包含在webpack的electronic中。