Stack Overflow
Stack Overflow

Questions tagged [font-awesome-4]

82 questions
3
votes
1 answer

How to set FontAwesome icon width, height and positioning according to its parent's width and height?

I am using FontAwesome icons on my webpage. The height and width of the div, which contains the icon, is based on user input. I want the icon to fit inside div as the div height and width changes. I also want to center the icon inside that…
Akshay Shinde
  • 141
  • 3
  • 16
3
votes
1 answer

To apply semantic principles using Font-awesome and LESS?

I'm trying to use Font-awesome in the same way I do with Bootstrap, in accordance with the semantic principles of web design (not putting billions of non-semantic classes in my HTML tags), using LESS. It seems that it is impossible : the icon…
Pierre-Yves Le Dévéhat
  • 1,015
  • 11
  • 24
3
votes
1 answer

How to manually load FontAwesome 4 in Meteor.js

I always find it difficult to manually load external libraries in Meteor.js due to its non-traditional way. I need some advice on how to load these libraries in the cleanest possible way 1 client 2 server 3 packages 4 public 4.1 resources 4.2…
Chou One
  • 627
  • 1
  • 13
  • 21
2
votes
3 answers

How to attach a vue @click event to a font-awesome icon next to input field?

I tried to add an @click to a font awesome icon. However, whether I add an @click event to span or i tag, it doesn't work at all. I suspect the event is taken by the input field. How can I make the magnifier icon clickable?
Benny Chan
  • 730
  • 1
  • 8
  • 24
2
votes
3 answers

Is there a way to get Intellisense for Bootstrap and FontAwsome in Angular project opened as a folder in Visual Studio 2019

I am working on an Angular Project in Visual Studio 2019 I've opened as a folder. Everything is working very nicely. Intellisense for TypeScript/JavaScript classes and Angular. And when you roll over a method you get the description and return…
Sam
  • 4,766
  • 11
  • 50
  • 76
2
votes
2 answers

Xamarin addind ToolbarItem in dynamically in C#

I am new with Xamarin. I am using Xamarin using font-awesome 4.7 version, I am trying to add a ToolbarItem in the code behind: var toolBarItem = new ToolbarItem { Icon = "", } In xaml file I can do something this:
ML13
  • 895
  • 8
  • 15
2
votes
3 answers

FontAwesome icons not showing on web url

I have design a website in HTML and used FontAwesome icon. When I run the website on localhost, icon showing fine. But on url it not working. Here the url : Demo here is my Custom CSS: @font-face{ font-family:'FontAwesome'; …
Daniel Smith
  • 1,626
  • 3
  • 29
  • 59
2
votes
1 answer

Which element to use for font icons in bootstrap navbar

Bootstrap 3 navbar uses glyphicons and Font Awesome icons as shown in html below. Bootstrap manual recommends to use span element: FontAwesome web page recommends to use i…
Andrus
  • 26,339
  • 60
  • 204
  • 378
2
votes
2 answers

Upgrading from Font Awesome 4.1 to 4.2 - icons appear as boxes

I'm running a simple website that uses Font Awesome icons under 4.1 I'm keen to upgrade to 4.2 ad thought it was just a matter of copying the contents of the 4.2 min.css file into the existing 4.1 min.css file on my server but this has resulted in…
user2840467
  • 801
  • 3
  • 10
  • 19
2
votes
1 answer

What is missing if one icon from font awesome doesn't display

I selected a handful of icons to use, and they are all displaying except one. I compared my CSS with that of the icons page on the fontawesome site and I was missing some styles. I added the missing styles, but the icon still shows the placeholder…
dvdbglw
  • 65
  • 6
2
votes
1 answer

Firefox issue with div's as table cell

I am trying to create a transparent overlay on a background image with a Fontawesome chevron, as shown in the design comp below. After trying all sorts of things to get three floated DIVs to look like this, I resorted to using…
cdonner
  • 37,019
  • 22
  • 105
  • 153
2
votes
1 answer

font awesome(4.0.3) + bootstrap(3.0.0) + asp.net: changing font family

I am using font awesome(4.0.3) and bootstrap(3.0.0) and I just want to change the font. But there is a problem. All the css-classes like "fa fa-group" from "font awesome" are not going to be displayed anymore,instead there is a small rectangle with…
user254197
  • 883
  • 2
  • 9
  • 31
1
vote
1 answer

AwesomeFont - How to apply a mouse pointer cursor to a fa-icon

How do you apply a mouse pointer / hover on a fa-icon? I have the following Excel Icon - how can apply a mouse pointer when hovering over the icon? I have tried the following. But does not work.
1
vote
1 answer

upgrading font-awesome 4.7 to 6.2 angular 8 project

In my angular 8 application, where in the parent module uses font-awesome 4.7 as below in package.json; "font-awesome": "^4.7.0", angular.json; "styles": ["projects/adminUI/src/styles.css", …
Ahir Mayur
  • 11
  • 1
1
vote
1 answer

Font Awesome Half-Star Icon Without Spacing

For version 4.7.0, Font Awesome's Half-Star icon is properly done, but for version 6 it has additionnal spacing on the right were it shouldn't (see screenshots). Half-Star icon version 4.7 Half-Star icon version 6 I am working on a rating system…
Codingwiz
  • 192
  • 2
  • 14
1
2
3 4 5 6