font-awesome

问题 I am having an issue very similar to: "Jquery 'click' not firing when icon is on button" however the resolution for that post is not providing a solution for me, so I think something different may be going on. The essential problem is that I have a button with an icon in it. When I click on the button (e.g. the text) the event target is the button element; however when I click on the icon, the event target is the icon object. This unfortunately is extremely annoying as I am storing data

问题 I'm using Font Awesome icons on my website which display fine in Chrome, Firefox, Edge etc but don't show in any version of IE, not even the square boxes. I obviously thought I had an issue with my site until I went over to the Font Awesome website using IE and noticed no icons displaying there either. The F12 console displayed this error message CSS3111: @font-face encountered unknown error. Chrome, Firefox screenshot IE screenshot I'm deducing from this that there has to be a local setting

问题 I found allready this: https://stackoverflow.com/search?q=Failed+to+decode+downloaded+font But the Answers dont help to fix my problem =/ I got on my page this errors in console: Failed to decode downloaded font: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.woff2 index.php?option=com_kunena&view=category&layout=list&Itemid=129&templateStyle=9:1 Failed to decode downloaded font: http://devcomlink.kunena.dev-monkeys

问题 Is there any way to embed HTML in the css content: element when using a :before pseudo-element? I want to use a Font Awesome (or Glyphicon) in a use case like this: h1:before { content: "X"; padding-right: 10px; padding-left: 10px; color: @orangeLight; } Where X is something like <i class="icon-cut"></i> . I can, of course do this manually in HTML, but I really want to use :before in this case. Similarly, is there any way to use <i> as a list bullet? This works, but doesn't behave correctly

问题 When I compile fontawesome.scss to a css file with sass 3.4.1 $fa-var-music: "\f001"; .#{$fa-css-prefix}-music:before { content: $fa-var-music; } it is compiled to .fa-music:before { content: ""; } As I'm mainly using Win1252 encoding in my project I'm wondering what's the way to preserve "\f001" in the css file. Why does SASS rewrite? 回答1: Extract from Sass 3.4.0 changelog: Sass now follows the CSS Syntax Level 3 specification for determining a stylesheet’s encoding. In addition, it now

问题 I have an svg that includes images: <g><image id="myImage" class="myClass" x="12" y="15" width="10" height="10" xlink:href="/images/pic.png"/></g> How do I replace that line w/ a font awesome icon: <g><i class="icon icon-cloud-download" x="12" y="15" width="10" height="10"></i></g> doesn't seem to work as the image doesn't show up. 回答1: i is not valid SVG. You need to include the actual character that displays the icon. If you take a look at font awesome's stylesheet you will see... .icon

问题 Is it only me that cannot render bitcoin and facebook icons in version 5.0.8 ? <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css"> <i class="fa fa-btc"></i> <i class="fa fa-bitcoin"></i> <i class="fa fa-facebook"></i> <i class="fa fa-facebook-f"></i> 回答1: You also need to use the brands.css stylesheet in font-awesome 5.0.8. Additionally, you need to make sure your class names are up to date. Try the snippet below: <link rel=

问题 Is it only me that cannot render bitcoin and facebook icons in version 5.0.8 ? <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css"> <i class="fa fa-btc"></i> <i class="fa fa-bitcoin"></i> <i class="fa fa-facebook"></i> <i class="fa fa-facebook-f"></i> 回答1: You also need to use the brands.css stylesheet in font-awesome 5.0.8. Additionally, you need to make sure your class names are up to date. Try the snippet below: <link rel=

问题 I am trying to put my app to heroku but I am getting an issue. remote: Sass::SyntaxError: Undefined variable: "$fa-css-prefix". I am using font-awesome-rails . I am doing git push staging master after following all the steps properly. Edit: variables.less @fa-font-path: "/assets/font-awesome/fonts"; //fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts"; // for referencing Bootstrap CDN font files directly @fa-css-prefix: "fa"; @fa-version: "4.2.0"; @fa-border-color: #eee; @fa

问题 I am trying to put my app to heroku but I am getting an issue. remote: Sass::SyntaxError: Undefined variable: "$fa-css-prefix". I am using font-awesome-rails . I am doing git push staging master after following all the steps properly. Edit: variables.less @fa-font-path: "/assets/font-awesome/fonts"; //fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts"; // for referencing Bootstrap CDN font files directly @fa-css-prefix: "fa"; @fa-version: "4.2.0"; @fa-border-color: #eee; @fa