Блог

Главная - Вопросы по программированию - Как использовать теги font-awesome в моем файле .js

Как использовать теги font-awesome в моем файле .js

#javascript #font-awesome

#javascript #шрифт-awesome

Вопрос:

Я хочу заменить изображение значками font-awesome в моем .js файле.

Мой файл выглядит следующим образом

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

 <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.

но это не работает? Пожалуйста, предложите.

Комментарии:

1. пожалуйста, правильно отформатируйте свой вопрос.

2. Проверьте с помощью инструментов F12, загружен ли css. Вы загрузили файлы шрифтов? Проверьте консоль на наличие ошибок. Codepen или fiddle помогли бы нам помочь вам.

Ответ №1:

Вы пробовали следовать инструкциям по началу работы с font awesome? http://fortawesome.github.io/Font-Awesome/get-started

Попробуйте заменить ссылку, которую вы получили в своем теге head, на 

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

и посмотрим, сработает ли это. Если это так, то мы знаем, что проблема связана с вашим локальным расположением css font awesome.