В моем приложении Angular 5 я скачал lato-шрифт в моей папке node_modules, и он правильно отображается при развертывании на сервере.Однако у меня все еще отображаются предупреждения "Не удалось декодировать загруженный шрифт: ошибка синтаксического анализа OTS: неверный тег версии".
Я пользуюсь настройкой некоторое время без проблем, это началось только недавно.Приложение My Angular создается в режиме prod и поставляется с Webpack.Я полагаю, что моя главная путаница заключается в том, почему я получаю эти предупреждения, и все же шрифт работает нормально.Я спрашиваю здесь, так как я не могу найти другой вопрос, который имеет мою конкретную проблему.
В моем package.json:
"devDependencies": {
"@angular/compiler-cli": "^5.2.0",
"@angular/language-service": "^4.0.0",
"@types/jasmine": "2.5.45",
"@types/node": "~6.0.60",
"ag-grid": "^16.0.1",
"ag-grid-angular": "^16.0.0",
"angular-font-awesome": "3.1.2",
"codelyzer": "~3.0.1",
"html-webpack-plugin": "^2.30.1",
"jasmine-core": "~2.6.2",
"jasmine-spec-reporter": "~4.1.0",
"karma": "~1.7.0",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"lato-font": "^3.0.0",
"protractor": "~5.1.2",
"ts-node": "~3.0.4",
"tslint": "~5.3.2",
"typescript": "^2.4.2",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.11.1"
}
В моем angular-cli.json:
"styles": [
"../node_modules/ag-grid/dist/styles/ag-grid.css",
"../node_modules/ag-grid/dist/styles/ag-theme-material.css",
"../node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"../node_modules/lato-font/css/lato-font.min.css",
"styles.css"
],
Редактировать: мне удалось обойти эту проблему, как объяснено в моем комментарии ниже.Мне все еще любопытно, почему я получал предупреждения в консоли браузера после того, как я скачал шрифт с помощью NPM, упаковал ли он в Webpack, и он отображался правильно.