font-awesome | 易学教程

Style SVG loaded to HTML as content tag with CSS [closed]

阅读更多关于 Style SVG loaded to HTML as content tag with CSS [closed]

问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 2 years ago . I have 3 files: index.html <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> </body> </html> style.css .logo:before { content: url("logo.svg"); } .myRed { color: #ff2000; } logo.svg

Font-Awesome-Rails CSS spinner not working in Safari

阅读更多关于 Font-Awesome-Rails CSS spinner not working in Safari

问题 I'm using the font-awesome-rails gem to show a css spinner when the submit button of a form_for is clicked. The spinner works perfectly in Chrome and Firefox but doesn't appear in Safari. I'm on OSX El Capitan 10.11.15 and hosting on Heroku. I'm also using Bootstrap 3. My submit button looks like this: <%= f.submit "Save Changes", class: "btn btn-default", data: {disable_with: " Saving Changes..."} %> 回答1: I think your html is generated uncorrectly and

Add Font Awesome Icon To Class

阅读更多关于 Add Font Awesome Icon To Class

问题 Does anyone know how to add a specific font awesome icon to it's own class? For example, I'm using this icon: and have added: .fa-home{ background: #ff0019; padding: 5.2px 6.5px 8.5px 6.5px; border-radius: 50%; } .fa-home:hover{ background: #333; } .fa-home:before { color:#FFFFFF; } However, i want to use .fa-home in different areas of my website without that specific style. Any ideas? 回答1: Add an id to that particular font awesome icon that you

Using FontAwesome in ggplot2 as a replacement for points

阅读更多关于 Using FontAwesome in ggplot2 as a replacement for points

问题 This is probably a fairly basic thing, but I can't seem to find a meaningful answer. I am trying to use the fontawesome package in R to use emojis as points in a ggplot2 chart, but I am having a hard time figuring out how to assign a different emoji to each variable. Here's some sample data (we'll call the data frame 'sample'): month number variable 1 456550 var1 2 374616 var1 3 462086 var1 4 436376 var1 5 497526 var1 6 488574 var1 1 119884 var2 2 126356 var2 3 129338 var2 4 177496 var2 5

How to center an icon in a circular background

阅读更多关于 How to center an icon in a circular background

问题 I am trying to create a circular background around an icon (fontawesome 4.0). Consider the following code: .participant{ background: @gray-light; display: inline-block; width: 100px; height: 100px; } .participant i { font-size: 50px; } This creates the background fine, but the icon is not centered in the circle. What am I doing wrong? 回答1: You could use the border-radius property. http:/

Compile RMarkdown PDF with Waffle Chart and Glyphs FAILURE. MWE included

阅读更多关于 Compile RMarkdown PDF with Waffle Chart and Glyphs FAILURE. MWE included

问题 I am unable to compile PDF using RMarkdown, the waffle package, and glyphs It doesn't matter if I use the TIKZ device or PDF rendering. The document compiles without a problem to HTML. The only work around I can think of right now is to create SVG graphic with the HTML compiler, then to reference those files in my intermediate .TEX file. Notice that if you simply run the code below the line that says, " ## ---- waffle_figure ---- ". It should create the chart given that you've previously

Add/remove class to a button

阅读更多关于 Add/remove class to a button

问题 I'm having problem adding new class to a button. Button arrow should be showing right(fa-angle-right) when sidebar is closed. And left (fa-angle-left) again when it's open. https://jsfiddle.net/tjkzmvLg/ HTML <div> <button id="sidebarToggle" class="btn btn-primary btn-sm"> </button> </div> JS (function() { var $sidebarAndWrapper = $("#sidebar, #wrapper"); var $icon = $("#sidebarToogle i.fa"); $("#sidebarToggle").on("click", function () { $sidebarAndWrapper

Make a collection of SVG files into something like FontAwesome's JS?

阅读更多关于 Make a collection of SVG files into something like FontAwesome's JS?

问题 I'm not sure if there's already a question like this and possible duplicate of this but I'd like to know how to make a collection of SVG files into something exactly like FontAwesome's JS? I wish to use all the icons from this pack, and make them available to be called and used in HTML like FontAwesome's JS for example , , or . I've seen some online tools like https://icomoon.io/app/ or http://fontello.com/ but

In LESS, can I loop over class/mixin “patterns”?

阅读更多关于 In LESS, can I loop over class/mixin “patterns”?

问题 I need loop over 400+ Font Awesome icon variables (look at the source) by a "pattern", I mean the pattern is @fa-var-* , i.e. @fa-var-apple , @fa-var-archive and so on. Purpose is create some custom class like .btn-apple , .btn-archive and using the unicode value inside the variable. Is this possible in LESS? 回答1: You can create multiple classes dynamically by using array loops like below. However, the array list values have to be defined prior hand for the loop to be executed. @variables:

Why is Font Awesome only showing a square?

阅读更多关于 Why is Font Awesome only showing a square?

问题 I am trying to replicate the page linked from Start Bootstrap. All goes fine with the exception of the font-awesome.min.css images. I am using the same version of font-awesome.min.css and the same code. My code contains the following, which is taken directly from the page's source code: These images are supposed to be shown under the "Welcome to Modern Business" as a checkmark, gift, and