Мені подобається, як Chrome DevTools допомагає вам знайти, де в коді запитується актив у стовпці Мережа> Ініціатор . Він працює добре протягом більшої частини часу, але я використовую останню версію FontAwesome і намагаюся налагодити доставку виробничих фондів. Як показано на наступному скріншоті, в цьому випадку посилання просто вказує на головну HTML-сторінку, і насправді в ній немає посилання на файл WOFF:
У цьому випадку посилання дійсно має повернутися до рядка у файлі all.css FontAwesome, який викликає файли WOFF за допомогою @ font-face:
@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 або є якесь інше налаштування / файл / код, який дозволив би зробити це посилання кориснішим?