angular - 在 Angular 中使用谷歌字体会引发网络错误 [_ngcontent-X];400[_ngcontent-X];600[_ngcontent-X]
问题描述
我看到很多这样的网络错误:
> Request URL: https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300[_ngcontent-c6];400[_ngcontent-c6];600[_ngcontent-c6];700&display=swap
> Request Method: GET
> Status Code: 400
它正在将 [ng-content] 添加到请求 url,有没有办法解决这个问题?
在这里您可以看到网络中的错误:https ://stackblitz.com/edit/angular-scss-demo-r7csxc?file=src/app/app.component.scss
问候!
解决方案
解决方法是替换它:
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&display=swap');
有了这个:
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap');
推荐阅读
- google-sheets - 谷歌表格打印卡在“发送到 chrome print”
- docker - 我无法启动 minikube
- java - 'File.createNewFile()' 的结果被忽略
- angular - 如何让 Jest 正确转换 node_modules/@nativescript/core?Jest + NativeScript + Angular + Nx
- browser - 模拟器上的 Zebra Enterprise Browser 启动问题
- java - 将 Java syslog 客户端配置为信任自签名证书
- r - 是否可以在 mgcv 中为 GAM 模型添加进度条?
- node.js - 如何通过使用 node-windows 创建的 Windows 服务传递 dotenv 配置路径
- java - 如何在 Windows 中配置 Appium-Flutter-Driver?哪个IDE更可取?
- python - 增加元素 CUDA 内核的算术强度的技术