Question

我想用.js文件中的font-awesome图标替换图像。

我的文件如下

"</head>"+
"<body bgcolor=\"White\">"+

"<table width=\"100%\" height=\"100%\" cellpadding=0 cellspacing=0 border=0>"+
"<tr height=\"100%\" bgcolor=\"#FFFFFF\"><td valign=top>"+

"<table class=\"clsOTable\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n"+
"<tr><td bgcolor=\"#4E4E4E\">\n"+
"<table cellspacing=\"1\" cellpadding=\"3\" border=\"0\" width=\"100%\">\n"+
"<tr>\n "+
"   <td height='60px' align=left bgcolor=\"#4E4E4E\" colspan=\"7\">"+
"<table width=100% height=40 border=\"0\"><tr><td width=50 ><a href=\"dateconsole.jsp?controlname="+

 str_target+"&date="+ dt2dtstr(dt_prev_year)+dt2tmstr(dt_datetime)+"\">"+
 "<img src=\"../images/prevpopyr.gif\" width=\"50px\" height=\"50px\" border=\"0\""+
 " alt=\"previous year\"></a></td><td width=50 ><a href=\"dateconsole.jsp?controlname="+
 str_target+"&date="+ dt2dtstr(dt_prev_month)+dt2tmstr(dt_datetime)+"\">"+
 **"<img src=\"../images/prevpop.gif\**" width=\"50px\" height=\"50px\" border=\"0\""+
 " alt=\"previous month\"></a></td><td align=center ><font color=\"white\" face=\"tahoma, verdana\" size=\"4\">"+
 arr_months[dt_datetime.getMonth()]+" "+dt_datetime.getFullYear()+"</font>+"

我尝试加入头标记

<head>

"<link rel='stylesheet' href='<util:getAbsoluteURL URL="css/font-awesome.css" />' type="text/css" media="screen">+"

</head>

并替换

<img src=\"../images/prevpopyr.gif\" width=\"50px\" height=\"50px\" border=\"0\""+
    " alt=\"previous year\">

使用

<i class="fa fa-forward"></i>

font-awesome tag。

但它不起作用？请建议。

Answer 1

您是否尝试过按照字体真棒入门的说明进行操作？ http://fortawesome.github.io/Font-Awesome/get-started/

尝试使用

替换头标记中的链接

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

看看是否有效。如果确实如此，那么我们知道问题在于你的本地css字体很棒的位置。

如何在我的.js文件中使用font-awesome标签

1 个答案: