Angular 项目生产构建在导入谷歌 fonts 时出现问题

Question

我有一个基于最新版本 8.2.9 构建的 angular 项目。 Google fonts 在使用ng serve的测试环境中完美运行。 但是，当我在生产服务器上发布项目时，未加载 fonts。

样式.scss

@import url('https://fonts.googleapis.com/css?family=Nunito:200,600');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

由于上述问题，材料图标不会如图所示加载。

但是，当我将上述 fonts 加载语句从全局样式style.scss到app.component.scss 。 它工作正常吗？ 为什么它不适用于全球风格？ 我在这里发现了与这个问题类似的东西ng build/serve --prod ignores scss url imports

Answer 1

只需在<head>标记中包含 google fonts 到 index.html 中，而不是任何 scss 或 css 文件。

它也适用于生产构建。

http://prntscr.com/qx71rf

Angular 项目生产构建在导入谷歌 fonts 时出现问题

问题描述

1 个解决方案

解决方案1
0 2020-02-04 05:55:04

Angular 项目生产构建在导入谷歌 fonts 时出现问题

问题描述

1 个解决方案

解决方案1 0 2020-02-04 05:55:04

解决方案1
0 2020-02-04 05:55:04