Comments (4)
In your public folder add this line to your index.html file:
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' integrity='sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN' crossorigin='anonymous'>
from react-fontawesome.
Problem still:
- install react-fontawesome
- include font-awesome css with CDN or with npm and import
- In Google DevTools, the font-awesome.css show
- still fail to see the icons
from react-fontawesome.
@ivanberry can you try to see if FontAwesome works without react-fontawesome? Just try <span className="fa fa-rocket" />
and see if the icon renders? If it doesn't, your issue is with the CSS not loading for some reason. Also check inspector to see if the font file is being loaded.
Gonna close but re-open if after those steps you still think it is react-fontawesome 👍
from react-fontawesome.
Sorry I never got back to you. As stated the solution was for me to include the CSS file. For some reason I figured it would have been part of the package. I'm still wrapping my head around NPM.
@ivanberry it looks like you misspelled "rocket".
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.