css - 我已应用 Materialize CSS 但仍未显示图标

Question

我在我的 ASP.NET 元素中应用了 Materialize CSS，但仍然没有显示图标。 它只是显示图标名称而不是真实图标 我使用 2 个 Asp 单选按钮并与物化 CSS 绑定(bind) .. 但现在它们都不是可选的 谁能帮帮我 谢谢 .... 单选按钮代码:

<div>
<asp:Label ID="lblMale" runat="server" class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="MALE">
<asp:RadioButton ID="MALE" runat="server" CssClass="mdl-radio__button" Text="MALE" GroupName="G"/><span class = "mdl-radio__label">MALE</span></asp:Label>
<asp:Label ID="lblFemale" runat="server" class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="FEMALE">
<asp:RadioButton ID="FEMALE" runat="server" CssClass="mdl-radio__button" GroupName="G" Text="FEMALE" /><span class = "mdl-radio__label">FEMALE</span></asp:Label></div>

图标代码:

<div class="col-sm-6">
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">face</i>
</span>
<div class="form-group label-floating">
<label class="control-label">First Name <small>(required)</small></label>
<asp:TextBox ID="txtFirst_Name" runat="server" CssClass="form-control
</asp:TextBox>
</div>
</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">record_voice_over</i>
</span>
<div class="form-group label-floating">
<label class="control-label">Last Name <small>(required)</small></label>
<asp:TextBox ID="txtLast_Name" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div>
<asp:Label ID="lblMale" runat="server" class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="MALE">
<asp:RadioButton ID="MALE" runat="server" CssClass="mdl-radio__button" Text="MALE" GroupName="G"/>
<span class = "mdl-radio__label">MALE</span>
</asp:Label>           
<asp:Label ID="lblFemale" runat="server" class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="FEMALE">
<asp:RadioButton ID="FEMALE" runat="server" CssClass="mdl-radio__button" GroupName="G" Text="FEMALE" />
<span class = "mdl-radio__label">FEMALE</span>
</asp:Label>
</div>
</div>

Answer 1

确保你加载的是 Material Icons 字体

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


<i class="material-icons">face</i>