font-awesome

问题 I can change fontcolor, but not the "fill". I first tried setting background-color, but that fills the whole icon box area. For example, I have <i class="icon-star-empty icon-large"></i> but I want it to be yellow. Edit: The use case is that I want a "favorite" icon to be outline of grey, on click, the outline becomes orange, fill to yellow. 回答1: Font-awesome comes with a number of both outlined and filled icons. The star is one of them . There are four different star icon classes that you

问题 I am using Font Awesome Sass file https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass to make it _font-awesome.sass so I can @import in my Sass project. I am also using http://middlemanapp.com/ to convert Sass to Css . Questions: Is there a way to bring only used icon classes into my converted .css? Because right now it carried all classes from _font-awesome.sass BONUS: Is it possible to recompile the fonts somehow with used icon classes to make it smaller on

问题 I am using Font Awesome Sass file https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass to make it _font-awesome.sass so I can @import in my Sass project. I am also using http://middlemanapp.com/ to convert Sass to Css . Questions: Is there a way to bring only used icon classes into my converted .css? Because right now it carried all classes from _font-awesome.sass BONUS: Is it possible to recompile the fonts somehow with used icon classes to make it smaller on

问题 I'm making a custom checkbox with font awesome and css. On click/when checkbox is checked, I trying to create some padding around the black checked box instead(having a smaller black box in the white box when checked/clicked) @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); /*** basic styles ***/ /*** custom checkboxes ***/ input[type=checkbox] { display: none; } /* to hide the checkbox itself */ input[type=checkbox] + label:before { font-family: FontAwesome; }

问题 I'm making a custom checkbox with font awesome and css. On click/when checkbox is checked, I trying to create some padding around the black checked box instead(having a smaller black box in the white box when checked/clicked) @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); /*** basic styles ***/ /*** custom checkboxes ***/ input[type=checkbox] { display: none; } /* to hide the checkbox itself */ input[type=checkbox] + label:before { font-family: FontAwesome; }

问题 I'm trying to show the fontawesome icons in a select, but in the drop-down list the icons are not previewed well .FontAwesomeSelect { font-family: Font Awesome\ 5 Free; font-size: 18px; } <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"/> <select name="sample" id="sample" class="FontAwesomeSelect"> <option value="">----</option> <option value="fa fa-address-card"></option> <option value="fa fa-bell"></option> <option value="fa fa-bookmark"></option>

问题 I'm using the FontAwesome font on an OSS app I'm running and I can't seem to get past Firefox's font sanitizer. The files are all served out the same domain, the paths are correct, and I'm using the official css from FontAwesome which works in Firefox when served via their site and the local docs. So I must be missing something simple. live url: https://bmark.us [11:39:02.945] downloadable font: invalid version tag (font-family: "FontAwesome" style:normal weight:normal stretch:normal src

问题 I'm using the FontAwesome font on an OSS app I'm running and I can't seem to get past Firefox's font sanitizer. The files are all served out the same domain, the paths are correct, and I'm using the official css from FontAwesome which works in Firefox when served via their site and the local docs. So I must be missing something simple. live url: https://bmark.us [11:39:02.945] downloadable font: invalid version tag (font-family: "FontAwesome" style:normal weight:normal stretch:normal src

问题 I want to use a form like in the code is from bootstrap but i want to change the select icon/dropdown icon to fa-chevron-down . <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" rel="stylesheet"/> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="row"> <div class="col-sm-6">

问题 Bootstrap version 3 Font Awesome version 3.2.1 I am having issues with bootstrap and font awesome on Chrome. When I originally load a page, the font awesome icons are displayed correctly. When I refresh the page, the icons disappear. **To clarify, the entire icon is missing, this is not the empty box issue that some others encounter. I'm grasping at straws here, but I noticed there were differences in the order in which the files were retrieved between the original page load and the refresh.