Font Awesome Not Working Icons Showing As Squares - Edureka

Trang chủ » Html Fa Fa Icons Not Showing » Font Awesome Not Working Icons Showing As Squares - Edureka

Có thể bạn quan tâm

164299/font-awesome-not-working-icons-showing-as-squares

  • Home
  • Community
  • Categories
  • Others
  • Font Awesome not working icons showing as squares
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?

  • css
  • html
  • twitter-bootstrap
  • font-awesome
Feb 22, 2022 in Others by Rahul • 9,690 points • 7,410 views answer comment
  • flag
If you istall font awesome locally on your device, just rename your font folder to "webfonts" commented Jun 6, 2023 by anonymous edited Mar 6
  • flag
  • reply

Your comment on this question:

Your name to display (optional):
Email me at this address if a comment is added after mine:
Privacy: Your email address will only be used for sending these notifications.
Add comment Cancel

1 answer to this question.

Your answer

Your name to display (optional):
Email me at this address if my answer is selected or commented on:
Privacy: Your email address will only be used for sending these notifications.
Add answer Cancel
0 votes

You must have 2 classes, the fa class and the class that identifies the desired iconfa-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, 2022 by Aditya • 7,680 points comment
  • flag
  • ask related question

Your comment on this answer:

Your name to display (optional):
Email me at this address if a comment is added after mine:
Privacy: Your email address will only be used for sending these notifications.
Add comment Cancel

Related Questions In Others

0 votes 1 answer

I am working as a Oracle apps DBA I am planning to change the domain . Is it good if I shift to aws?

I am also working as an Oracle ...READ MORE

answered Nov 22, 2019 in Others by Pasha • 1,761 views 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 • 1,298 views
  • laravel
  • composer-php
  • php
0 votes 2 answers

'flutter' is not recognized as an internal or external command, operable program or batch file.

You have to Add flutter sdk path ...READ MORE

answered Aug 2, 2020 in Others by c49 • 47,914 views
  • flutter
  • flutter-framework
  • android-app
  • mobile-app-development
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,460 points • 5,233 views
  • flutter-framework
  • flutter
  • mobile-app-development
  • android
0 votes 1 answer

Bootstrap throws Uncaught Error: Bootstrap's JavaScript requires jQuery

Try this Change the order of files it ...READ MORE

answered Jun 10, 2022 in JQuery by gaurav • 23,580 points • 1,190 views
  • jquery
  • html
  • css
  • twitter-bootstrap
  • twitter-bootstrap-3
0 votes 1 answer

Which is faster: Using bootstrap CDN or downloaded

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

answered Jun 30, 2022 in Web Development by rajatha • 7,680 points • 2,412 views
  • jquery
  • html
  • css
  • twitter-bootstrap
  • web
0 votes 0 answers

how to use fontAwesome icon from css

Can I use the font-awesome icon with ...READ MORE

Jul 29, 2022 in CSS by Edureka • 13,750 points • 1,020 views
  • html
  • css
  • font-awesome
0 votes 1 answer

how to use font awesome icons in HTML

First, you have to write this in ...READ MORE

answered Aug 4, 2022 in HTML by Deepak • 980 points • 2,378 views
  • html
  • css
  • fonts
  • font-awesome
0 votes 1 answer

'adb' is not recognized as an internal or external command, operable program or batch file

Set the path of adb into System ...READ MORE

answered Feb 16, 2022 in Others by Aditya • 7,680 points • 8,931 views
  • android
  • batch-file
  • adb
0 votes 1 answer

'composer' is not recognized as an internal or external command in windows server

For anyone coming here from Google who ...READ MORE

answered Feb 17, 2022 in Others by Aditya • 7,680 points • 23,925 views
  • php
  • windows
  • composer-php
  • environment-variables

Recent in Others

  • Why Choose Microsoft AZ-104 Certification Exam? Apr 30
  • Mastering Supply Chain with SAP SCM Modules: Key Features and Functions Nov 8, 2024
  • Can SAP Training with Placement Guarantee Your Dream Job? Nov 8, 2024
  • Discover the Top Reasons to Choose SAP Training in Pune for Career Growth Nov 8, 2024
  • Not able to download Six Sigma Certificate. Course stuck to 93%. Please help!!! Oct 4, 2024
  • All categories
  • Generative AI Generative AI (1,454)
  • Power BI Power BI (1,316)
  • DevOps & Agile DevOps & Agile (4,138)
  • Data Science Data Science (100)
  • ChatGPT ChatGPT (30)
  • Cyber Security & Ethical Hacking Cyber Security & Ethical Hacking (1,057)
  • Data Analytics Data Analytics (1,266)
  • Cloud Computing Cloud Computing (4,053)
  • Machine Learning Machine Learning (337)
  • PMP PMP (1,069)
  • Python Python (3,489)
  • SalesForce SalesForce (201)
  • Selenium Selenium (1,624)
  • Software Testing Software Testing (58)
  • Tableau Tableau (608)
  • Web Development Web Development (3,972)
  • UI UX Design UI UX Design (24)
  • Java Java (1,358)
  • Azure Azure (157)
  • Database Database (858)
  • Big Data Hadoop Big Data Hadoop (1,907)
  • Blockchain Blockchain (1,673)
  • Digital Marketing Digital Marketing (121)
  • C# C# (141)
  • C++ C++ (272)
  • IoT (Internet of Things) IoT (Internet of Things) (390)
  • Kotlin Kotlin (8)
  • Linux Administration Linux Administration (389)
  • MicroStrategy MicroStrategy (7)
  • Mobile Development Mobile Development (395)
  • Others Others (2,387)
  • RPA RPA (653)
  • Talend Talend (73)
  • TypeSript TypeSript (124)
  • Apache Kafka Apache Kafka (84)
  • Apache Spark Apache Spark (596)
  • Career Counselling Career Counselling (1,091)
  • Events & Trending Topics Events & Trending Topics (28)
  • Ask us Anything! Ask us Anything! (71)

Join the world's most active Tech Community!

Welcome back to the World's most active Tech Community!

Sign up with Gmail Sign up with Facebook

OR

Password must have

At least 1 upper-case and 1 lower-case letter

Minimum 8 characters and Maximum 50 characters

SIGN UP Already have an Edureka Account? Login Forgot Password? LOGIN Don’t have edureka account? Sign Up resend ? Password must have

At least 1 upper-case and 1 lower-case letter

Minimum 8 characters and Maximum 50 characters

reset password Don’t have edureka account? Sign Up reset password Don’t have edureka account? Sign Up Send Code Don’t have edureka account? Sign Up

Subscribe to our Newsletter, and get personalized recommendations.

Google Sign up with Google facebook Signup with Facebook

Already have an account? Sign in.

webinar REGISTER FOR FREE WEBINAR X Years of Experience* Student 0-2 Years 2-5 Years 5-10 Years 10+ Years REGISTER NOW webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP "PMP®","PMI®", "PMI-ACP®" and "PMBOK®" are registered marks of the Project Management Institute, Inc. MongoDB®, Mongo and the leaf logo are the registered trademarks of MongoDB, Inc.

Từ khóa » Html Fa Fa Icons Not Showing