在Angular 5应用中,我的lato字体已下载到我的node_modules文件夹中,并且在部署到服务器时可以正确显示。但是,我仍然显示“无法解码下载的字体:OTS分析错误:无效的版本标签”警告。
我使用我的设置已经有一段时间了,没有任何问题,这只是最近才开始的。我的Angular应用正在产品模式下构建,并与Webpack打包在一起。我想我的主要困惑是为什么我收到这些警告,但lato-font仍能正常工作。我在这里问是因为找不到其他与我的特定问题有关的问题。
在我的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打包并正确显示后,为什么在浏览器控制台中会收到警告。