Question

我希望在我的表单中使用字体很棒。

我的表单内容img和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"/>

我的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

Demo ..

CSS

中的

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

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

尝试其他content，您可以从此page

获取

另外，不幸的是，大多数浏览器不支持在img标签之后使用：after或：之前。

查看this page了解更多信息

希望这会对你有帮助..

如何使用字体flaticon图标的图像和asp：ImageButton

1 个答案: