font-awesome

Font-Awesome icon won't change onclick

由 时间秒杀一切 提交于 2019-12-13 10:24:33
问题 This is so simple, but I can't get it to work! On clicking a button, I'd like to change the icon in that button from fa-download to fa-spinner, but the fa-spinner just won't show up! My HTML is: <button id='save'><i class='fa fa-download' aria-hidden='true'></i> save work</button> And my jQuery is: $('body').on('click', '#save', function(e){ $('#save').find('i').toggleClass('fa-download fa-spinner'); $("#save").text("loading..."); }); The text changes to loading, the download icon goes away,

How to add font awesome to a .net core 2 spa with angular 4 project

由 大城市里の小女人 提交于 2019-12-13 09:01:40
问题 I found this but I don't have an angular cli file so I tried to install with npm and then add it with import statement in my wwwroot/css/style.css file but that didn't work either. EDIT: My project is an Angular 4 App With Asp.Net Core 2.0 Web API so the suggested tutorial was unable to resolve the issue. 回答1: How to add font awesome to ASP.NET Core Angular 2 application in Visual Studio 2017 with SpaTemplates I reread the article and found that I missed something. I resolved the issue. 来源：

font-awesome-rails icon formatting incorrect on heroku

由 烈酒焚心 提交于 2019-12-13 08:08:20
问题 I'm using font-awesome-rails to generate some icons on my site. When I run the site locally, the image icons appear correctly (they are styled to be different colors). However, when I push to production via Heroku, the styling is messed up (some icons don't appear, and none of the icons are the right color). What could I be doing wrong? I'm not even sure what could be wrong with my code, so if any particular snippets would be helpful for me to share, let me know and I'll add it. The image on

Font awesome with raphael js

由 。_饼干妹妹 提交于 2019-12-13 06:21:29
问题 What I want is to create a simple circle with raphaeljs that will have the facebook's 'f' inside (this will also be used for other similar cases). The 'f' symbol will be produced by font-awesome. What I have done (and did not work) is to set the font family using css and/or as a raphael attribute. The code is the following: HTML <div id='share-facebook'></div> CSS #share-facebook { font-family: FontAwesome; } Javascript var canvas = Raphael('share-facebook', 100, 100); var facebookWrapper =

Loading a font from resources into PrivateFontCollection results in corruption

由 谁说胖子不能爱 提交于 2019-12-13 05:08:04
问题 I am having some difficulty in loading a font from a resource into PrivateFontCollection. When I started this, I was successful in loading the font from a file, however I wish to embed the font into my project (so there is less file mess on the user side, and a bit less IO while the application is running). The following code will load the font, gets the proper name, and allows for scaling however none of the characters are showing up properly. static class Foo { public static string

Font awesome not loading when using Python simple http server

由 为君一笑 提交于 2019-12-13 05:01:42
问题 I have this simple html file that displays the thumbs down icon using font awesome. <html> <script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script> <script> WebFont.load({ custom: { families: ['FontAwesome'], urls : ['//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'] }, fontloading: function(familyName, fvd) {}, fontactive: function(familyName, fvd) {}, fontinactive: function(familyName, fvd) { }}); </script> <style type="text/css"> html{ background

Font awesome icon not showing up in Xamarin.Forms

由 て烟熏妆下的殇ゞ 提交于 2019-12-13 04:17:13
问题 Font awesome icons are not working for me in Xamarin.Forms. This is my Label xaml <Label TextColor="Red" FontFamily="FontAwesomeBrands" FontSize="Large" Text="" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width,Factor=1}"> </Label> I have added these file in Assests folder of android project Output just showing empty symbol . how can I make it work? 回答1: Have you created platform-specific CustomRenderers for that? Please, look at my answer, and

Font Awesome icons alignment

由 。_饼干妹妹 提交于 2019-12-13 04:07:43
问题 I am using bootstrap-sass and font-awesome-sass-rails gems and have successfully eradicated duplicate icons (from glyphicons) by adding to bootstrap-and-overrides.css.scss: [class^="icon-"] { background-image:none; } However, now I am having the problem of slightly out of line icons.. The glyphicons were perfect before. Now I am seeing: I would like to move the icons down a pixel or 2. Please help. Thanks. 回答1: Similar to the directions for LESS found on the Font-Awesome Integration section,

Replace jQuery datepicker prev and next icons with FontAwesome icons

由 萝らか妹 提交于 2019-12-13 03:15:52
问题 I'm using jQuery datepicker and I would like to be able to replace its prev and next icons with FontAwesome for better scalability and prettier UI. Has anyone managed to find a way to do it? 回答1: We can overwrite the icons using CSS, since the plugin doesn't allow it. In the following snippet, we hide the regular buttons, and add a :before pseudo element with the Font Awesome Icon. Please notice you have to use the icon's codepoint (i.e. \f100 ) and not its class name (i.e. fa-angle-double

font-awesome is not working properly on second load in IE11 over https

由 烈酒焚心 提交于 2019-12-13 02:57:54
问题 I have an issue in angular 2 where we are using font-awesome for the styling and font. On local it is working as expected but when we deploy the code it is working on first load but when you refresh the page then it removes all the styles and behave differently. 回答1: This issue is probably due to caching problems. Here, you can find a little documentation about Font-Awesome troubleshouting : https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting Check the following: You properly
订阅 font-awesome