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
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:
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