font-awesome

问题 I have the review stars value in the database. Example 2.5 for an item. I want to display this in the template using font-awesome. <ul class="rating inline-ul"> <li><i class="fa fa-star amber-text"></i></li> <li><i class="fa fa-star amber-text"></i></li> <li><i class="fa fa-star amber-text"></i></li> <li><i class="fa fa-star"></i></li> <li><i class="fa fa-star"></i></li> </ul> What will be the way to display the stars in accordance with the review value? I used *ngIf, but that seems like

问题 I had upgraded my rating plugin with font awesome icons instead of images. I am facing problem on half star rated which I can't replace white color on the fa-star-half-o icon. I would like to replace the white color with grey color similar to expected result below. Please help Code : <div class="ratingbox"><i class="fa fa-star"></i><i class="fa fa-star"> </i><i class="fa fa-star-half-o"></i><i class="fa fa-star unrated"></i> <i class="fa fa-star enlang unrated"></i></div> i { float:left }

问题 Pls. have a look at my code @ http://www.bootply.com/VcVDblSFK7 - I would like to have the span with the key-symbol and the input-control in the same row (followed by the span for the error-msg). but I've done too much editing and am not seeing a way out of this. <div class="row"> <div class="col-md-8"> <div class="col-md-3"> <div class="input-group"> <span class="fa fa-key fa-fw input-group-addon"></span> <input id="oldpswd" name="oldpswd" placeholder="Altes Passwort" type="password" class=

问题 I can't seem to find an answer that works for me. The icon shows up as a box:  I'm using: font-awesome-rails (4.6.2.0) rails (4.2.3) I imported font-awesome-rails in my application.scss file using: @import "font-awesome"; and here is what I wrote for the view: <i class="quote-left fa fa-quote-left"></i> I've tried including it before and after bootstrap. I also tried manually adding the font folder to the pipeline in application.rb config.assets.paths << Rails.root.join("app", "assets",

问题 How do I upgrade to Font Awesome 5 for the leaflet plugin Leaflet.awesome-markers? This plugin has not been updated on github for some time and uses font awesome v4. This is for an app that uses mapbox, leaflet and leaflet awesome markers with font awesome v4 and works correctly. I've tried to upgrade to Font Awesome 5 like so: app.scss @import url('webfonts/font-awesome-pro-5.0.1.css'); @import url('webfonts/fa-solid-900.ttf'); @import url('webfonts/fa-solid-900.woff'); @import url('webfonts

问题 I'm using Font Awesome within a JButton to create a click-able icon, however the resulting icon appears aliased when at a small size. Just as a bit of background, Font Awesome is a downloadable ttf file (the font file) in which each character is a 'scalable vector icon'. Having looked at previous answers on Google and stack overflow, I have tried to force anti-aliasing by overriding the paintComponent method of JButton; this however has seemingly no effect: import java.awt.*; import java.io

问题 How can I add a border to the circle icon from Font Awesome? Actually my result is: http://jsfiddle.net/0jhdvj0k/ The border is something like an ellipsis, instead a circular border. <table class="table table-condensed table-hover table-striped"> <thead> <tr> <th></th> <th>AAAA</th> <th>AAAA</th> <th>AAAA</th> <th>AAAA</th> <th>AAAA</th> <th>AAAA</th> </tr> </thead> <tbody> <tr> <td style="width: 55px;" class="text-center" style="padding-top: 5px; width: 25px;"><span class="label label

问题 I have font awesome installed in my jhipster project When I import font awesome this way my icons dont appear- <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" /> But if I import font awesome this way they show up fine <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> I had a look through the font awesome troubleshooting guide but nothing stands out Any help is much appreciated as I would like to host this

问题 I would like to use icons with the NavigationProvider that are not available in the material design offerings. Inside the SetNavigation method, we build up the Main Menu. There is an option to set the icon property by using the Material Design icon name — for example, the menu item below uses the "people" string to display the png: .AddItem( new MenuItemDefinition( PageNames.Doctors, L("Doctors"), url: "Doctors", icon: "people", requiredPermissionName: PermissionNames.Pages_Doctors ) ) Can

问题 I'm trying to nest a bunch of font awesome styles into a single css class I can use whenever I'd like. However, I'm getting an error with "Undeclared Mixin". My .less file looks something like this: @import (reference) "../Content/bootstrap/font-awesome/font-awesome.less"; .step-current { .fa; .fa-play; .text-success; } In this case all I'd like to do is apply the styles .fa, .fa-play, and .text-success whenever I use the class step-current on an element. However, I'm getting an error when I