Eu gosto do modo como o Chrome DevTools ajuda você a encontrar onde um ativo está sendo solicitado em seu código por meio do Network > Iniciador . Ele funciona bem na maior parte do tempo, mas estou usando uma versão recente do FontAwesome e tentando depurar a entrega de ativos de produção. Como mostra a captura de tela a seguir, neste caso, o link está apontando apenas para a página HTML principal e não há, na verdade, uma referência para o arquivo WOFF:
Nestecaso,olinkdeveestardevoltaàlinhanoarquivoall.cssdaFontAwesome,quechamaosarquivosWOFFusando@font-face:
@font-face{font-family:'FontAwesome5Free';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"); }
Isso é apenas uma limitação dos últimos DevTools ou há alguma outra configuração / arquivo / código que permita que esse link seja mais útil?
Tags fonts google-chrome css