javascript - 修改 Font Awesome 的CSS

Question

我正在使用这个文件在我的输入按钮上实现图标

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<input type=button class="submitter" onClick="location.href='../test.htm'" value="&#xf09d; Pre-payment"/>

我的 Css 文件包含以下代码

input[type="button"] {
    font-family: FontAwesome;
}

问题是我希望输入按钮值的字体与我的站点一致。不是我按钮上的“预付款”字样正在使用 font awesome 中的字体。如果我删除 font awesome 并添加我自己的字体系列，则该图标不会出现。

有什么建议/想法吗？

我试图下载 font awesome css 文件并从它所在的任何站点手动修改它，但我找不到它的副本。

Answer 1

采取另一种方法，而不是将真棒字体直接分配给输入，将其分配为

input[type="button"]:before{ content: 'fontawesomeCode', font-family: FontAwesome }

同时在按钮上保留预付款文本并将其与填充对齐。