“无法解码下载的字体”错误,但字体正常工作Angular 5

时间:2019-06-05 15:48:45

标签: angular webpack fonts

在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打包并正确显示后,为什么在浏览器控制台中会收到警告。

0 个答案:

没有答案