在angular 4测试中加载字体失败
在Angular 4测试中加载字体失败可能是由于以下几个原因导致的：
- 路径错误：请确保字体文件的路径是正确的，并且在Angular项目的assets文件夹中。可以通过在浏览器中直接访问字体文件的URL来验证路径是否正确。
- 跨域问题：如果字体文件存储在不同的域或子域下，可能会遇到跨域问题。在这种情况下，您需要在服务器上进行相应的配置，以允许字体文件的跨域访问。
- MIME类型配置：确保服务器正确配置了字体文件的MIME类型。常见的字体文件类型包括.ttf、.otf、.woff和.woff2。您可以在服务器配置文件中添加相应的MIME类型，以确保字体文件能够正确加载。
- 缓存问题：有时浏览器可能会缓存字体文件，导致加载失败。您可以尝试清除浏览器缓存或使用不同的浏览器进行测试。
如果您遇到加载字体失败的问题，可以尝试以下解决方法：
- 检查字体文件路径是否正确，并确保文件存在于正确的位置。
- 确保服务器配置正确，允许字体文件的跨域访问。
- 检查字体文件的MIME类型是否正确配置。
- 尝试清除浏览器缓存或使用不同的浏览器进行测试。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供可扩展的云存储服务，适用于存储和处理大规模非结构化数据。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云CDN加速：提供全球加速服务，加速静态资源的传输，包括字体文件。详情请参考：https://cloud.tencent.com/product/cdn
请注意，以上仅为示例产品，您可以根据实际需求选择适合的腾讯云产品。
相关·内容
0回答
我在npm模块中安装了一种名为Roboto-Font的字体，并将其导入到我的app.component.ts中，并在我的scss文件中调用它，就像这样的@import '~roboto-fontface/css/roboto/roboto-fontface.css';
现在，每次我运行npm run test:ci时，它都会显示一个关于在测试中找不到字体的错误，问题是我们如何在
浏览 2提问于2018-07-12得票数 2
2回答
我们的团队(不仅仅是我的电脑)在Angular 2上有一个奇怪的渲染问题，这只发生在Chrome上。如果您在检查器中编辑随机的CSS属性，则DOM将重新获得可见性。不可见的项目可以是页眉中的一个段落，切换随机的页脚跨度-s顶部位置开/关将使页眉段落重新可见。
在<
浏览 12提问于2017-03-13得票数 5
回答已采纳
2回答
在运行命令ng测试时，我有显示问题。似乎我没有css效果，anymore.Here是两个图像，一个来自ng服务，另一个来自ng测试
这是正常的行为吗？
浏览 0提问于2017-08-17得票数 2
回答已采纳
2回答
角-方框5图标与原始7或角2+
、、、、
图标的角-方框5图标.请找到下面的链接
npm i --save @fortawesome/fontawesome-svg-core npm i --save @fortawesome/free-brands-svg-iconsimport {FontAwesomeModule} from '@fortawesome/
浏览 1提问于2019-01-22得票数 7
1回答
我们正在使用加载谷歌字体。在WebFont.load的主动回调中，我们加载我们的主脚本和引导angular.js应用程序。<button>GİRİŞ</button></body>
我们看到“装货.”直到加载字体文件，然后应用程序引导成功。但是按钮文本被呈现为"G“几秒钟后，'İ‘和'Ş’字符被加载到屏幕
浏览 7提问于2017-11-16得票数 0
回答已采纳
角应用程序style.css已导入Roboto字体css这在开发构建中很好，但是对于构建-prod来说，Npm: 3.10.10
@angular
浏览 1提问于2018-06-28得票数 5
回答已采纳
我正在尝试在karma测试中设置字体棒，但这会填充以下错误即使存在该错误，正常测试执行(但是，当我运行一个无头测试(ng test --brow
浏览 2提问于2017-05-04得票数 3
我正在尝试在angular社区提供的angular2-seed中测试scss。"@angular/compiler": "2.0.0-rc.4",
"@angular/core": "2.0.0-rc.<e
浏览 0提问于2016-08-07得票数 1
我一整天都在努力在使用webpack的angular2应用程序中安装字体--太棒了。更新了我的webpack.config.js以包括加载字体文件：loaders: [},npm install font-awesome
添加到ts文件require('../n
浏览 1提问于2016-09-14得票数 4
回答已采纳
2回答
我需要能够加载字体从后端服务器，以样式我的文本在角度。我在变量中存储了我的字体的web url (例如：'website.com/myfont.ttf')和名称(在本例中为'myfont')。我也有一个组件的一个，这必须与此自定义字体样式。请注意，我的字体来自后端，它必须是完全动态的。在花了几个小时寻找解决方案并测试了我找到的所有东
浏览 13提问于2019-05-03得票数 0
我们有在我们的子应用程序中使用的自定义字体可怕的图标，目前它是作为一个Angular组件加载到子应用程序中的。将子应用程序作为单独的应用程序运行时，我们没有任何问题。在将应用程序转换为单PA后，应用程序可以正常加载，但未加载自定义字体，因为它在父应用程序路径下查找子应用程序自定义字体文件(.ttf或.woff)。我们注意到primeng等其他Angular组件也存在同样的问题。 使用单SPA为子应用
浏览 16提问于2020-12-27得票数 2
它成功地获取了页面本身，但是在任何试图加载的页面上都会中断:图像、样式、字体、js文件、API调用--什么都行。每次都有不同的地方。它还说，资源“暂时无法获得”。有时，它成功地加载和呈现整个页面，没有错误。它发出20个请求:1 html，4个css文件(其中3个是三方字体
浏览 0提问于2018-10-01得票数 0
1回答
为什么这些字体不会跨服务器加载？
、、、、
我在一个服务器(一个免费的web主机)上有一个演示页面，它通过Google字体加载字体，以及从同一服务器上的字体文件夹加载字体。它通过CSS中的非相对URL加载本地字体。Google字体和本地字体都可以在该服务器上正常工作。但是，当我试图在另一个服务器(也是一个免费的web主机进行测试)上加载页面时，字
浏览 0提问于2014-08-08得票数 1
4回答
我已经研究并尝试将所有的字体文件(ui-grid.eot，ui-grid.svg，ui-grid.ttf，ui-grid.woff)与ui-grid-unstatle.css放在同一个目录中。在firefox中我也得到了
可下载字体:下载失败(字体-系列：“用户界面-网格”样式:正常重量:正常拉伸:正常src索引:1)：file:///C:/webapp/css/lib/angular</e
浏览 5提问于2015-06-30得票数 5
回答已采纳
1回答
我只是想测试wanted的能力，令人惊讶的是，当我需要在另一个页面中加载相同的字体时，加载程序会执行新的下载，而不是使用缓存的字体版本。这是正常的吗？下面是我加载字体的方式： WebFont.load({ families: ['Univers45custom',BramVanroy的补充:在使用谷歌的网页字体时，也
浏览 0提问于2015-01-26得票数 16
我有一个失败的集成测试，原因是：我已经使用selenium运行了测试，这样我就可以看到发生了什么，并且页面加载得非常好。我在测试中添加了一个调试器，这样我就可以使用测试夹具浏览应用程序--一切都运行得很好……
然而，在调试器中，只要我输入"page“来查询水豚认为它
浏览 2提问于2014-10-02得票数 1
我试图设置这样的字体： textView.setTypeFace(tf);
Android目前无法设置字体，而
浏览 5提问于2013-10-11得票数 0
回答已采纳
我使用的是Angular 7.2.2和Typescript。我正在通过index.html中的<script>-tag从"“导入谷歌地图谢谢!
浏览 2提问于2019-01-30得票数 1
我一直在尝试使用canvas & excanvas，尝试让一些文本效果在IE中工作得很好(因为它的阴影滤镜渲染得很糟糕)，除了它没有应用@font-face家族(用google web字体测试)之外，所有的效果都很好在尝试渲染画布之前，我正在确保加载并渲染字体(通过测量)，但IE仍然使用备用字体，而不是@ font -face定义的字体。在IE中渲染画布之前，我甚至尝试在<
浏览 2提问于2012-01-11得票数 3
我在main.scss中加载了自定义字体，如下所示： font-family: helvetica-geo-roman;} "architect": {
浏览 0提问于2020-06-29得票数 0
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
