Font Awesome not working icons showing as squares

0 votes

So what I have been trying to do is to prototype a marketing page and I'm using Bootstrap and the new Font Awesome file. The problem is that when I try to use an icon, all that gets rendered on the page is a big square.

Here's how I include the files in the head:

<head> 
          <title>Page Title</title> 
        <link rel="stylesheet" href="css/bootstrap.css"> 
        <link rel="stylesheet" href="css/bootstrap-responsive.css"> 
        <link rel="stylesheet" href="css/font-awesome.css"> 
          <link rel="stylesheet" href="css/app.css"> 
              <!--[if IE 7]> 
          <link rel="stylesheet" href="css/font-awesome-ie7.min.css"> 
<![endif]--> 

</head>


Also, here's an example of me trying to use an icon:

<i class="icon-camera-retro"></i>


But all that gets rendered in a big square so could anyone help me to know what could be going on?

Feb 22 in Others by Rahul
• 8,980 points
203 views

1 answer to this question.

0 votes

You must have 2 classes, the fa class and the class that identifies the desired icon fa-twitter, fa-search, etc …

<!-- Wrong --> 
<i class="fa-search"></i> 

<!-- Correct --> 
<i class="fa fa-search"></i>



Hope this answers your question.

answered Feb 22 by Aditya
• 7,280 points

Related Questions In Others

0 votes
1 answer
0 votes
0 answers

Self Created Laravel Link Not Working

I installed laravel 6.0 through composer and ...READ MORE

Dec 3, 2019 in Others by anonymous
• 120 points
213 views
0 votes
1 answer

'git rev-parse HEAD' is not recognized as an internal or external command

Hi@akhtar, I also faced the same problem. You ...READ MORE

answered Jul 17, 2020 in Others by MD
• 95,360 points
1,715 views
0 votes
1 answer
0 votes
1 answer

Which is faster: Using bootstrap CDN or downloaded

CDNs deliver faster loading speeds for readers. Files ...READ MORE

answered 1 day ago in Web Development by rajatha
• 4,940 points
10 views
0 votes
2 answers

Define a SQL query? What is the difference between SELECT and UPDATE Query? How do you use SQL in SAS?

HI.. SQL is Structured Query Language, which is ...READ MORE

answered Aug 8, 2020 in PHP by anonymous
4,492 views
0 votes
1 answer
0 votes
1 answer
webinar REGISTER FOR FREE WEBINAR X
Send OTP
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP