Ошибка анализа OTS при обслуживании проекта Angular с помощью ExpressJS ⇐ CSS

[Anonymous]

У меня есть проект Angular и веб-сервер Express JS, который обслуживает проект Angular.
Я использовал собственный шрифт в Angular, создал такой шрифт:

Код: Выделить всё

@font-face {
font-family: 'Branda';
src: url('../public/fonts/Branda-yolq.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Если я проверю проект Angular локально (с помощью ng submit), шрифт появится. Но если я создаю проект (ng build), копирую папку dist на веб-сервер и запускаю, шрифт не загружается.
Я получаю следующую ошибку:
Не удалось декодировать загруженный шрифт: http://localhost:5000/media/Branda-yolq-PC7QOVZG.ttf
Ошибка анализа OTS: недопустимая sfntVersion: 1008821359
Вот app.js моего веб-сервера:

Код: Выделить всё

const express = require("express");
const path = require("path");
const app = express();
const port = 5000;
var cors = require('cors');

app.use(cors({
origin: [ 'https://localhost:4200' ]
}));
app.use(express.json());
app.use(
express.urlencoded({
extended: true,
})
);

app.get('*', (req, res) => {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept')
var pattern = new RegExp('(.css|.html|.js|.ico|.jpg|.jpeg|.png)+$', 'gi');
if (pattern.test(req.url)) {
res.sendFile(path.resolve(__dirname, `dist/istivirag/browser${req.url}`));
} else {
res.sendFile(path.resolve(__dirname, 'dist/istivirag/browser/index.html'));
}

});

var feedbackRouter = require('./routes/feedback');
app.use('/api/feedback', feedbackRouter);

app.listen(port, () => {
console.log('Example app running on port ${port}');
});

module.exports = app;

Я видел кучу подобных вопросов, но, кажется, ничто не решило мою проблему. Есть идеи?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -expressjs