Stack Overflow
Stack Overflow

Questions tagged [font-awesome-4]

82 questions
0
votes
3 answers

Font Awesome Icon aligns wrong in Firefox

Applied the FontAwesome icon "caret-right" to three li-/a-tags in my menu, to indicate the presence of submenus. The icons shall be right-aligned. My code works in Chrome and Edge, but doesn't in Firefox. Read about a possible problem with loading…
FAFighter
  • 1
  • 2
0
votes
1 answer

Font Awesome not working when deployed to Server 2008 R2

When I run my project locally on Visual Studio 2013, Font Awesome Icons work. However when deployed they are absent. When run from the server, the IE developer tools shows the Css coming in but there is NO CALL to the fonts. No 404 error! No 403…
Ryan Lege
  • 167
  • 1
  • 2
  • 16
0
votes
1 answer

Using font-awesome with Phonegap on iOS

I am currently developing a Phonegap app and I cannot get any fontawesome icons to show up on the device. They show up in testing on my desktop but once I go to the device, there are no icons. They don't show up as the squares either, just nothing…
tommybond
  • 650
  • 6
  • 19
0
votes
1 answer

Rails 4.2 / Bootstrap 3 : trying to use font-awesome ... wo success

I am trying to use font-awesome, but upon running , I get the following error(s) ActionController::RoutingError (No route matches [GET] "/assets/fonts/font-awesome/fontawesome-webfont.woff"): .... ActionController::RoutingError (No route matches…
user762579
0
votes
2 answers

Overlap of icons without absolute in HTML5

I have the following snippet to render an icon overlapped with another. The whole div is a link. Currently I'm using position:absolute and adjusting the overlap. How can I do it without the absolute position. I also want the whole div on the right…
Meghashyam Sandeep V
  • 232
  • 5
  • 16
0
votes
3 answers

How to make a round border around my social icons?

.icon { padding: 5px 10px; display: inline-block; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px…
Nick Allaire
  • 5
  • 1
  • 4
0
votes
1 answer

Unable to render font awesome icons

I am using following code to render font awesome icons Index.html: On the page:

fa-gear

This results in - See below image for result:…
SharpCoder
  • 18,279
  • 43
  • 153
  • 249
0
votes
2 answers

Vertical centering of Fontawesome icons with text

I trying to center Fontawesome Icons vertically. These icons have to be centered inside a parent element. The problem is that i see some artifacts showing in Firefox (31) only when i hover over an element. Please see jsfiddle link…
Termos
  • 664
  • 1
  • 7
  • 31
0
votes
2 answers

css styling of font-awesome not working properly

I added font-awesome icons to my navbar and styled it with css. All works well except on the link with the dropdown list - once clicked - it shows two icons instead of only one (see screenshot). One is properly placed and the other one appears below…
Josefine
  • 3
  • 2
0
votes
1 answer

Fontawesome resource plugin error

I want to use fontawesome plugin in grails. I have added in build config compile :font-awesome-resources:4.0.3.1 to add plugin.I have added customBootstrap { dependsOn 'font-awesome' resource url: 'css/bootstrap.css' …
Kundan Ray
  • 370
  • 1
  • 4
  • 15
0
votes
1 answer

What is the Font Awesome 4.x equivalent of 3.x's "icon-white" class?

I'm upgrading custom PHP code, that uses Font Awesome 3.2.1, to Font Awesome 4.1. The fabulous upgrade instructions solved all my problems with icons naming conventions change. But, I'm stucked on 3.2.1's icon-white class, which was supposed to make…
trejder
  • 17,148
  • 27
  • 124
  • 216
0
votes
3 answers

Removing links underline in the gaps

Sorry form my English. Hi, I am in some references use FontAwesome and I need between the icon and remove the underlining text links, is there such a possibility?

Username

Pattern in JSFiddle
Jeen Jay
  • 416
  • 4
  • 8
0
votes
1 answer

Conflict between Bootstrap and other font icons

I am using bootstrap3 in my project. Now i want to use some font-icons besides with it's core icons. First I tried Font Awesome4, but it seems that there is some problem and icons are displaying like squares. also I tried FlatUI icons and the same…
parisssss
  • 803
  • 16
  • 36
0
votes
1 answer

Bootstrap 3 & Font-Awesome 4 colorchange

how can i change the fa fa-xxxx from font-awesome the color from gray into white for my bootstrap3? The background ist black so i need an other color for the icons.
user3024342
  • 3
  • 2
0
votes
1 answer

CSS Icon font in ASP.Net

I am trying too use awesome CSS icon font in my ASP.net site. I have imported the awesome.css in my website and also declared in When I see my page I am getting output like below. I wrote code for this is
  1. …
Ashok
  • 1,868
  • 6
  • 36
  • 70
1 2 3 4
5
6