Ontem estava programando no celular e estava sem internet móvel, aí, fui tentar adicionar os ícones "description" e "query_builder" no layout porém não funcionou, invés dos ícones apareceram as próprias palavras ao carregar o site. Daí, fui analisar o porquê disso e abri o arquivo google-fonts.css. Percebi, então, que há uma inconsistência em relação a árvore de diretórios do projeto e o que está no atributo src da regra @font-face:
Regra @font-face:
Árvore de diretórios do projeto:
Observem que no atributo src da regra @font-face a pasta está com nome "Material Icons" e no projeto está "material-design-icons", ou seja, não adiantou nada ter os arquivos no projeto se sempre estamos pegando a fonte de ícones do fonts.gstatic, que é o último parâmetro do atributo src que não apareceu na imagem que coloquei.
O que fiz para consertar foi apenas mudar o nome da pasta "material-design-icons" para "Material Icons", daí, os ícones apareceram mesmo eu estando sem internet. É uma sugestão para o curso.
