☰

Chrome DevTools 启动器链接有时对网络字体没有帮助

tag-icon • tag-icon google-chrome fonts css
Chrome DevTools 启动器链接有时对网络字体没有帮助

我喜欢 Chrome DevTools 通过以下方式帮助您找到代码中请求资产的位置：网络 > 发起者列。它在大多数情况下都运行良好，但我正在使用最新版本的FontAwesome并尝试调试生产资产的交付。如下面的屏幕截图所示，在这种情况下，链接只是指向主 HTML 页面，而实际上并没有对 WOFF 文件的引用：

在此处输入图片描述

在这种情况下，链接应该回到 FontAwesome 的全部.css使用@font-face 调用 WOFF 文件的文件：

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

这仅仅是最新 DevTools 的限制吗？还是有其他设置/文件/代码可以使此链接更有用？

相关内容