如何为img和asp使用字体图标

Question

我想在表格中使用很棒的字体。

我的表单内容img和asp：imagebutton。

我想在img标签中使用超棒的字体，但这不起作用。

我的代码是：

    <img id="imgsaleNew" title="Create" runat="server" class="flaticon-yield" onclick="imgsaleNew_OnClick();" />

<asp:ImageButton ID="imgsaleOpen" runat="server" CausesValidation="false" ToolTip="Open"                                            OnClick="imgsaleOpen_Click" class="flaticon-yield"/>

我的Css类是：

@font-face {
    font-family: "Flaticon";
    src: url("Font/flaticon.eot");
    src: url("Font/flaticon.eot#iefix") format("embedded-opentype"),
    url("Font/flaticon.woff") format("woff"),
    url("Font/flaticon.ttf") format("truetype"),
    url("Font/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-size: 63px;
    font-style: normal;
    color:#368ee0;
}.flaticon-yield:before {
    content: "\e000";
}

Answer 1

演示 ..

在您的CSS中

.flaticon-yield:before {
    content: "\e000";
}

看来您正在使用的content:"\\e000"在FontAwesome中不存在。

尝试其他content ，您可以从此页面获取

同样，不幸的是，大多数浏览器不支持在img标签上使用：after或：before。

查看此页面以获取更多信息

希望这个能对您有所帮助 ..