这是关于我的机器如何看待网络的问题,而不是个人网络项目。
在我的机器上,一些图标字体显示为文字文本(图标的名称)而不是图形图标本身。
环境
还有
例如,这就是我看到的 https://developers.google.com/web/
和 https://material.io/icons/
任何帮助表示赞赏
最佳答案
OP 显示的网页使用 Material Icons字体来自 Google Web Fonts .他们提供一个 CSS 文件,如:
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://fonts.gstatic.com/s/materialicons/v21/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
...
}
它将始终尝试先加载本地版本的“Material Icons”字体,然后再加载 Web 字体。因此,如果 OP 有 outdated或自定义版本的“ Material 图标”,将不会显示所需的效果。
要解决此问题,请删除本地的“Material Icons”字体,或将其替换为 latest version如果您仍然想要本地副本。
关于fonts - 图标字体 : some icon display as text instead on my machine,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43143794/