angular - 在 Angular 5 应用程序中构建 ng 后 Typekit 字体 CSS 未加载

Question

我已经将 type-kit 字体 css 导入到我的 sass 中，它在本地工作正常但是当我运行 ng build 以在服务器上创建 dist 和上传时，它开始在 type-kit 上给出 403 错误。任何建议为什么它发生在服务器上？

Answer 1

我能够通过执行以下操作来完成此工作：

转到 typekit 网站并为所有 URL 路径设置您的域：

*.example.com

我已将 SASS 编译为我的 Angular 网站的 CSS，但无法导入。所以我将它添加到 index.html 中。

例子：

<link rel="stylesheet" href="https://use.typekit.net/yob1dgw.css">

index.html位于src文件夹的正下方。

然后运行你的ng build --prod，它应该编译你的dist文件夹并允许找到 typekit。