如何使用字体伸缩图标为img和asp:ImageButton

Question

我想在我的表单中使用字体awesome

my form content img and asp:imagebutton.

我想在img标签中使用字体awesome，但这不起作用

我的代码是:

    <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"/>

My Css Class Is:

@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

Demo ..

在你的CSS

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

它看起来你正在使用的content:"e000"不存在于FontAwesome ..

试试另一个content，你可以从这个页面得到

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

查看此页面获取更多信息