font-awesome

R Shiny: how to use fontawesome pro version with the icon function?

由 你离开我真会死。 提交于 2019-12-07 14:47:23
问题 I'm using fontawesome icons throughout my Shiny app via the icon function. I've downloaded the pro version of fontawesome, and used the instructions here: shinydashboard some Font Awesome Icons Not Working to replace the free version that Shiny is using by default (inside shiny\www\shared\font-awesome ) with my paying version. This works very well locally, and all the pro icons show in my app. However, when I deploy to shinyapps.io , it seems like Shiny goes back to using the default version.

Replace <img> tag with font awesome icon from CSS

由 蓝咒 提交于 2019-12-07 11:45:21
问题 I have several hundreds of icons around a legacy application: <img class="date-picker" src="/image/datepicker.png"> Following CSS removes the datepicker.png but the font awesome icon is not displayed .date-picker { background-image: none; } .date-picker:after{ font-family: FontAwesome; content: "\f073"; color:grey; font-size:25px; } Is there a way how to achieve this without changing the IMG tags? 回答1: Pseudo-elements only get applied to images whose src attributes fail to load. If the image

How to vertically align center a Font-Awesome icon with a line of text in Bootstrap 4?

由 梦想的初衷 提交于 2019-12-07 09:13:27
I am trying to align a Font Awesome icon vertically center to a small block or line of text. Here's a picture of what I'm trying to achieve: This is the look I'd like to achieve The part of my webpage I am working on is seen here: This is the look my code currently produces. Note the unaligned FA icon , specifically, the code below is for the right side (column 2): <div class="col-12 col-md-6 col-lg-5"> <h4 class="text-center ">Honors and Awards</h4> <i class="fa fa-trophy fa-lg" aria-hidden="true"></i> <h5 class="text-center"> Boy Scouts of America Eagle Scout Rank</h5> <h6 class="text-center

Adding custom icon in font awesome

由 浪子不回头ぞ 提交于 2019-12-07 08:53:37
问题 I tried adding a custom icon by converting it into .svg format. I added the converted .svg icon by importing it into http://icomoon.io/app/ and downloaded as .png image. It was not the original image.It was a simple black box. Am i missing something here?? 回答1: I am doing this now. Check out this tutorial! It uses a utility called Font Custom, which from the sounds of it you might not need, but maybe the tutorial will help you get back on track. Create your own Font Awesome Icons 来源： https:/

Using font awesome with formtastic submit button

由 若如初见. 提交于 2019-12-07 07:04:53
问题 I have a submit button on my form: = semantic_form_for record do |form| = form.actions do = form.submit 'Save' I want to add an icon from FontAwesome, with link_to I can use a block: = link_to record do = fa_icon 'save' Save But this doesn't work with Formtastic's form.submit . I also tried: = form.submit fa_icon('save') = form.submit fa_icon('save').html_safe But both renders escaped HTML. How do I add a font-awesome icon to the <button> tag? 回答1: Try using capture to set a label, as in: -

multiline listitem with aligned fontawesome icon

由 允我心安 提交于 2019-12-07 06:52:02
问题 i am making a list of items with the <li> tag and different FontAwesome icon for each list item in twitter bootstrap. i tried to make the list test center vertically, but cant this way <ul class="middle"> <li> <a href="#"> <i class="icon-cog icon-2x"></i> very long multiline item one</a> </li> <li> <a href="#"> <i class="icon-pencil icon-2x"></i> very long multiline item two </a> </li> </ul> which produced this is what i want to achieve How can i achieve this? 回答1: Is this what you are

how to use grunt-usemin with font awesome

由 谁说胖子不能爱 提交于 2019-12-07 06:50:44
问题 I am trying to use grunt-usemin to minify my css. I am using Font Awesome like this within my index.html <link rel="stylesheet" href="components/font-awesome/css/font-awesome.min.css"> When I run usemin, I get all the styles combined. However, when I try to use the minified version, the Font Awesome icons show up as unicode squares (not as the intended icons). Any ideas on how to fix this? I can include more information if needed. 回答1: The problem was that font-awesome.min.css is referencing

Using Font Awesome library in a Shopify store

由 余生颓废 提交于 2019-12-07 06:40:07
问题 I'm trying to use Font Awesome: http://fortawesome.github.com/Font-Awesome/ I've used these font icons on several Rails projects with no problem but for some reason when I try to use them in a Shopify store they don't get rendered. I'm using another @font-face with no difficulties but for some reason this @font-face is not rendering. In assets/ I have: fontawesome-webfont.eot fontawesome-webfont.svg fontawesome-webfont.ttf fontawesome-webfont.woff And I load them with @font-face just like I

How to check if Font Awesome is loaded in web page with javascript?

由 浪子不回头ぞ 提交于 2019-12-07 05:46:15
问题 I need to check if a web page has Font Awesome in it. If not I'm going to load it with javascript. Kinda like how the facebook sdk checks to see if there is a script element containing the id "facebook-jssdk", if so it just returns (does nothing), if not it loads it. I need to do that for Font Awesome. 回答1: I think this is the best way to check for font-awesome, but I'm not sure if it's slower then just loading it again even if it is there. function css(element, property) { return window

Fontawesome not loading [closed]

由 主宰稳场 提交于 2019-12-07 05:23:31
问题 This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center. Closed 6 years ago . I'm currently using Fotawesome at a project. The problem is, that when I load the webpage, I only see blocks instead of icons. The fonts 'can't be found
订阅 font-awesome