Пользовательский шрифт не отображается в приложении Electron + Vue

Question

Я занимаюсь разработкой приложения с использованием Vue + Electron и столкнулся с проблемой с использованием пользовательских шрифтов. При запуске приложения в веб-режиме значки, используемые с пользовательским шрифтом, отображаются нормально. Но когда я создаю приложение с помощью электронного компоновщика, значки / пользовательский шрифт не загружаются.

Я импортирую пользовательский шрифт в индекс. html тег head, а пользовательские шрифты находятся в src / renderer. Папка / assets / fonts.

Любая помощь Спасибо

Answer 1

Чтобы убедиться, что шрифт включен в электрон, попробуйте что-то вроде этого:

На главной странице рендерера. js

import './scss/app.scss'

В вашем './scss/app.scss'

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

Это должно убедиться, что ваш шрифт включен в пакет с электронными пакетами.