jquery - Google Material 图标显示文本而不是图标

标签 jquery css icons google-material-icons

我不希望在页面无法加载图标库的情况下显示图标文本。例如,下面的代码应显示邀请者图标-

<i style="font-size:16px;color:grey" class="material-icons">person_add</i>

但是当页面由于某种原因(例如互联网连接速度慢)无法加载时,上面的代码会显示文本 - “person_add”,看起来非常侮辱性。这个问题有什么解决方案吗?事实上,即使库不存在,我也不希望文本以任何方式出现。

最佳答案

您的链接有问题:

<link href="fonts.googleapis.com/icon?family=Material+Icons"**;** rel="stylesheet">

删除 ; 并在 href 开头添加 https://:

<head>    
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">    
</head>

关于jquery - Google Material 图标显示文本而不是图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51686246/

相关文章:

javascript - 如何用键盘事件模拟悬停

html - 固定 block 元素中的文本具有可缩放的长度

javascript - 科学记数法在表格中显示为小数

html - 元素没有水平居中并且没有出现图标(css)

iPhone 图标 - 红色 # 指示器

javascript - 如何从元素中删除所有 jQuery 验证引擎类?

javascript - 获取在 HTML 按钮 OnClick 上触发的 jQuery 函数

javascript - 我的 HTML Div 元素在页面加载时立即消失

jquery - li 元素旁边出现一个框

iphone - iTunes:无法创建应用程序图标