font-awesome

Android, how to display font awesome icons in layout edit mode?

牧云@^-^@ 提交于 2020-01-06 12:56:48
问题 I'm trying to add font awesome icons into my Android App, i found a solution here: https://stackoverflow.com/a/15762875/535556 But it display icons only after compilation of app and run on device. After that i found this plugin: https://github.com/bperin/FontAwesomeAndroid But it does not work for me.. I would like to display font awesome icons directly in layout because is it much faster that compile application to check that is displayed correctly. Many thanks for any advice. 回答1: Make sure

fontawesome icons with twitter-bootstrap-rails doesn't show on staging environment

眉间皱痕 提交于 2020-01-06 12:51:15
问题 Rails (3.1.2) application with the twitter-bootstrap-rails (2.2.8) gem. The application uses font awesome icons in views. The application.css.scss contains @import "bootstrap_and_overrides"; bootstrap_and_overrides.css.less @import "twitter/bootstrap/bootstrap"; @import "twitter/bootstrap/responsive"; // Set the correct sprite paths @iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png"); @iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png"); //

Tooltip not displaying on fontawesome icon button

强颜欢笑 提交于 2020-01-06 03:48:12
问题 I have a fontawesome icon nested inside a but the tooltip is not popping up. <i class="fa fa-random" title="some tooltip"></i> style: i.fa { display: inline-block; } 回答1: If you are using a tooltip plugin that uses the ::before pseudo element then it conflicts with fontawesome because it also uses the pesudo element to display the icon. It is best to wrap your icon inside another tag that gets the tooltip class: <span class="tooltip" title="hello world"><i class="fa fa-random"></i></span> 来源:

shiny downgrade fontawesome 5 to 4

南楼画角 提交于 2020-01-06 03:44:07
问题 I work on a shiny project quite entangled with fontawesome 4.7, and it has brought us great value. As a free user of fontawesome, I don't see we have any advantage of upgrading to 5.3.1. Many of the free icons have become uglier/cruder, and one would have to pay for the pro version to get the icon styles similar to 4.7. Example table available in 4.7 with 9 cells in 5.3 table is onle free as 4 cells and rather chubby lines. The old 9 cell format is only available for pro users From my own

FontAwesome spinning icon misplaced

蹲街弑〆低调 提交于 2020-01-06 03:16:25
问题 I've tried to mimic the "icon left - text right" boxes from https://fontawesome.com/ by taking over the style sheets. everything works fine until I apply fa-spin to an icon (see the sample). The icon is then misplaced and not centered. I was just able to fix the issue by creating a clone of .g-im-icon -> .g-im-icon-for-spin and playing around with the top, left and transform styles. however I was wondering if there would be a generic solution that would work for both spinning and non spinning

Align list items with a single font awesome icon

一曲冷凌霜 提交于 2020-01-05 10:20:23
问题 How can I properly align my <li> with a single Font Awesome icon and without using nth-child as the tag will be dynamic? https://jsfiddle.net/wt7hsdgq/ ul { list-style: none; } li { padding-left: 5px; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <ul> <li><i class="fa fa-tag"></i> <a href="#">#Jobs</a></li> <li><a href="#">#Interview</a></li> </ul> What I want is basically something like this: [fa] #Jobs #Interview 回答1: Use pseudo

Align list items with a single font awesome icon

我怕爱的太早我们不能终老 提交于 2020-01-05 10:18:26
问题 How can I properly align my <li> with a single Font Awesome icon and without using nth-child as the tag will be dynamic? https://jsfiddle.net/wt7hsdgq/ ul { list-style: none; } li { padding-left: 5px; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <ul> <li><i class="fa fa-tag"></i> <a href="#">#Jobs</a></li> <li><a href="#">#Interview</a></li> </ul> What I want is basically something like this: [fa] #Jobs #Interview 回答1: Use pseudo

where do you import css in angular2 cli

回眸只為那壹抹淺笑 提交于 2020-01-05 03:37:14
问题 when we try to import 3rd party libs in angular 2 cli we are using this, var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); module.exports = function(defaults) { return new Angular2App(defaults, { vendorNpmFiles: [ '@angular2-material/**/*.js' ] }); }; and in system-config.ts we write it like this, /** Map relative paths to URLs. */ const map: any = { '@angular2-material': 'vendor/@angular2-material' }; /** User packages configuration. */ const packages: any = { '@angular2

Font awesome icons not showing up in Angular 5

独自空忆成欢 提交于 2020-01-04 14:13:01
问题 I installed it according to the instructions. First I've typed npm install --save font-awesome angular-font-awesome And it installed everything correctly. Then I changed in .angular-cli.json to contain the css like so: "styles": [ "styles.css", "../node_modules/font-awesome/css/font-awesome.min.css" ], And when I type this in the html: <span class="fas fa-chevron-left"></span> It does not show anything at all for it. I don't have errors either but in sources I can't find anything related to

How to use a FontAwesomeIconView object as a Stage's icon?

风流意气都作罢 提交于 2020-01-04 02:38:45
问题 I am using FontAwesomeFX for many icons throughout my application. I would like to use them as icons for my Stage as well. Since FontAwesomeIconView extends GlyphIcon which extends Text , I can not use it as an Image directly. Is there a way to create a usable Image from a Text object? I have tried to use snapshot , but I am not familiar with that method and end up with the standard "empty" icon on my stage. Here is the MCVE I have so far: import de.jensd.fx.glyphs.fontawesome.FontAwesomeIcon