Comments (6)
The readme could have some simple steps:
- Install font-awesome with this command...
- Import the css with this:
import 'font-awesome/css/font-awesome.css';
from react-fontawesome.
@atulS7inc can you check the "Network" tab in Chrome DevTools and make sure the fonts are being loaded for FontAwesome? You may not have the paths in your CSS pointing to the fonts correctly. Reopen if it's still an issue!
from react-fontawesome.
I ran into the same issue. The "problem" for me was that on the npm website, this is the first thing that I read:
Features
No dependencies (other than React)
I assumed that because of no other dependencies, I also did not have to include font-awesome in one way or another... of course, below the list it does mention the following... but it was easy to read over this. 😄
Note: This component does not include any of the Font Awesome CSS or fonts, so you'll need to make sure to include those on your end somehow, either by adding them to your build process or linking to CDN versions.
from react-fontawesome.
@jseminck a PR to make the readme more clear is welcome 😇
from react-fontawesome.
+1 Second time installing and still need to google how to make this thing work... ughhh frustrating
from react-fontawesome.
@freereikicourse that is assuming someone is using WebPack and misses some steps (CSS loader, etc). I've updated readme to have info on the CDN version and to link to a blog post on how to get FontAwesome working with WebPack. Hopefully this helps.
from react-fontawesome.
Related Issues (20)
- AriaLabel Prop is Effectively Broken HOT 4
- Font Awesome 5 compatibility HOT 6
- Issue with React.Portal ? HOT 3
- icon does not change with state change HOT 2
- Feature request - add support for title attribute ? HOT 3
- Got error when npm run test. HOT 2
- Please update to Font-Awesome 5 HOT 10
- Title not appearing in Chrome HOT 5
- Title attribute like img HOT 1
- Font awesome 5 integration HOT 1
- Title prop would be extremely useful HOT 2
- Cant use brands HOT 3
- Change style of the font HOT 1
- most of the icons don't work anymore HOT 1
- Support for FontAwesome brand icons (FontAwesome v5 Support) HOT 1
- Can you add your own icons to this lib? HOT 1
- How to specify the color of the icon? Looks like it's impossible... HOT 2
- Mark repository as archived? HOT 3
- Can't get "-o" icon names to render HOT 1
- Add ref support HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-fontawesome.