Questions tagged [font-awesome-4]
82 questions
1
vote
2 answers
Matching FontAwesome background in icon bar
I'm trying to replicate this W3 icon bar tutorial for my website, and it uses FontAwesome icons.
HTML:

Vini
- 875
- 1
- 7
- 14
1
vote
1 answer
How do you use a variable with FontAwesome unicode as a placeholder in reacstrap 4 Input placeholder
I am currently using a reactstrap 4 Input component and everything looks great when I set the placeholder to a static string (Note: The FontAwesome font is loaded way higher in the app, and as you can see it works fine):
import { Input } from…

Wil Wells
- 205
- 4
- 14
1
vote
1 answer
Does Google Chrome have a problem with Font-Awesome Icons. Does it not support it?
I am making my portfolio web page and I made a small "Contact me" division which is circular in shape. I used some css, so now when I hover over the contact me circular div, I get 6 or 7 icons coming around it in a cool transistional way, icons of…

Narupo
- 39
- 8
1
vote
1 answer
FontAwesome icons looks pixelated/blurred
I've seen this 'FontAwesome icons looks pixelated/blurred' issue various times on stackoverflow or their github but none of the solutions worked out for me.
Here is an example:
https://plnkr.co/edit/CmviS7TuPcIJX20G?preview
The top 3 list items use…

armyofda12mnkeys
- 3,214
- 2
- 32
- 39
1
vote
1 answer
How to position font-awesome icon vertically in bootstrap row when one column has textarea
I would like the flag in the far right column to be vertically in the middle of the "row"
Looking for bootstrap 3 solution
Here is my code:
DennisT
- 45
- 6

DennisT
- 45
- 6
1
vote
0 answers
Stacking Icons in Icomoon like fa-stack in Font Awesome
How do you stack icons in Iconmoon like the ones in Font Awesome's fa-stack. If not not possible in Icomoon how in CSS? Thanks for the help! For example if you have two icons a plus sign and a box how do put the plus sign icon on top of the box…

Nvim
- 125
- 10
1
vote
1 answer
FontAwesome: css content: "\f468"; doesnt work for some
I am using the following method to display icons
&:before {
font-family: Fontawesome;
content: "\f468";
}
that works for about 30% of the icons. For example I tried the above, f468 and that did not work but when i did

Omar
- 2,726
- 2
- 32
- 65
1
vote
3 answers
Changing css class from «fa fa-search» to «fa fa-refresh fa-spin» on a button, in angular http request?
I'm developing a Website with ASP.NET, MVC5, HTML5 and AngularJS.
Updated
I have no warnings in Chrome console.
The font-awesome fonts are locally in my web project.
In my web.config have this:

Danny Fardy Jhonston Bermúdez
- 5,500
- 5
- 25
- 37
1
vote
1 answer
Complete list of FontAwesome Icons for Select
I'm attempting to populate a Select Dropdown with a complete (v 4.2) list of FontAwesome Icons. The closest list I could find is here, but it's grossly out of date. Does anyone have a list they can refer me to?

kneeki
- 2,444
- 4
- 17
- 27
1
vote
1 answer
Grunt copy and fontawesome fonts
I have installed fontawesome with bower and am using grunt's "grunt-contrib-copy" to copy it to a diff directory.
When I manually copy it, the font works ... but, when grunt does it, they do not work.
Now, I checked the files, and I noticed grunt's…

AbdealiLoKo
- 3,261
- 2
- 20
- 36
1
vote
1 answer
How to integrate FontAwsome library with my Magento store ?
I have been trying to integrate Font Awesome library into my Magento store. I have been trying to add CSS links onto my Local.xml file but doesn't seem to work.

Viraj Verma
- 19
- 1
- 3
1
vote
2 answers
How to add font awesome icons in top links of Magento
I am using boilerplate template for Magento and there is font awesome already included with this template. I create a bootstrap button for my car in top links by adding a class="btn btn-primary" in Links.php and now I am facing an issue when trying…

MyraGe
- 53
- 1
- 6
1
vote
2 answers
how to display the text message inside the fontawesome square icon
this my code.how to show text message inside the square box with size 1x.

nmkkannan
- 1,261
- 4
- 27
- 49
1
vote
3 answers
How to create border of the same size for different size symbols?
I use Font Awesome icons and their fa-border style:
But the size of border created depends on the symbol size (see example). How can I…

LA_
- 19,823
- 58
- 172
- 308
1
vote
2 answers
font awesome ie9 https
This has been asked several times but none of the solutions found have helped. We are using font awesome over https (not sure it makes a difference) and the icons in IE9 show up as squares. This happens only on ie9.
Anyone had this issue before or…

Thibs
- 8,058
- 13
- 54
- 85