font-awesome

iOS FontAwesome in middle of another string

不问归期 提交于 2019-12-07 05:13:25
问题 I am trying to display some text and an icon inside a single string using FontAwesome. Here is what I have: NSString *icon = [NSString fontAwesomeIconStringForIconIdentifier:@"icon-map-marker"]; NSString *locationString = [NSString stringWithFormat:@"%@ %@", icon, otherNormalString]; Basically I want to have the map marker show up in front of the location being displayed. Using FontAwesome should make this really simple but I can't quite get it to work right. Here is also what shows up if I

Fontawesome 5 with VuetifyJs 1.0.0

ε祈祈猫儿з 提交于 2019-12-07 04:13:56
问题 I want to use Fontawesome 5 Icons with VuetifyJs. Is that possible? which npm package for fontawesome should I use? because no one worked for me. It is really confusing for me as an inexperienced VuetifyJs developer to use it, with the lack of any clear steps in the documentation of VuetifyJs. 回答1: From docs: Font Awesome is also supported. Simply use the fa- prefixed icon name. Please note that you still need to include the Font Awesome icons in your project . Release notes: Things we added

fontawesome icon not rendering the same in Chrome and Firefox

倖福魔咒の 提交于 2019-12-07 03:38:56
问题 In Chrome/Safari my icon within a bootstrap button looks fine: But in Firefox, the icon drops down a line: I have the fontawesome icon floated right within the <button> . <!--html--> <div class="btn-group btn-group-justified" role="group" aria-label="..."> <div class="btn-group" role="group"> <button type="button" class="btn btn-default btn-small">Cached logs<i class="fa fa-money"></i></button> </div> <div class="btn-group" role="group"> <button type="button" class="btn btn-default btn-small"

Font Awesome 5 icons not working with React (“Could not find icon” error)

Deadly 提交于 2019-12-07 03:33:56
问题 I'm trying to use Font Awesome 5 Pro (I have a license) in my React project, and I've followed the instructions in the API to the best of my ability, but I'm still having issues. In my project, I used npm to install fontawesome, fontawesome-common-types, fontawesome-pro-light, fontawesome-pro-regular, fontawesome-pro-solid, and react-fontawesome. All those folders are in my node_modules/@fortawesome/ directory In my App.js, I have these imports (this isn't the whole file, just the relevant

How/where to install font Awesome in jquery mobile app

拈花ヽ惹草 提交于 2019-12-07 01:57:21
Try as I might I can't get Font Awesome working at all. I've uploaded the Font Awesome pack to my root directory and linked to it. <link rel="stylesheet" type="text/css" href="font-awesome/jqm-icon-pack-fa.css"> The css includes the font declaration @font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot'); src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } The fonts reside in the child

jQuery Datepicker with FontAwesome Button?

假如想象 提交于 2019-12-07 01:50:52
问题 I'm building a site with Foundation, and I have the FontAwesome icons installed. I'm trying to set up a form where a user can click on an input or a button to see the jQuery datepicker. I'd like to be able to use the FontAwesome icon in the button. But I can't seem to get the button to trigger the datepicker. EDIT: I kind of got it working, but I still can't figure out how to implement the FontAwesome icon. I have this in my HTML: <div class="row"> <div class="large-3 columns"> <label

Font-Awesome icon preventing click in parent button

浪子不回头ぞ 提交于 2019-12-07 01:03:53
问题 I'm having a problem where the left two pixels of a Font-Awesome icon I've placed inside of a button element do not trigger the click event of the button. Here's an example button: <button class="btn btn-mini"> <i class="icon-edit"></i> </button> And here's what it looks like with bootstrap Any ideas for why those left two pixels don't trigger a click event? Edit : Here's a test site where I've managed to recreate the issue: http://ace.cwserve.com 回答1: Outline The outline isn't part of the

Add font awesome icon to custom add to cart button in Woocommerce 3

最后都变了- 提交于 2019-12-07 00:14:40
I changed the style of my Add To Cart with the help of LoicTheAztec, but how to add a font awesome icon in front of button text using the followin code // For Woocommerce version 3 and above only add_filter( 'woocommerce_loop_add_to_cart_link', 'filter_loop_add_to_cart_link', 20, 3 ); function filter_loop_add_to_cart_link( $button, $product, $args = array() ) { if( $product->is_in_stock() ) return $button; // HERE set your button text (when product is not on stock) $button_text = __('Not available', 'woocommerce'); // HERE set your button STYLING (when product is not on stock) $color = "#777";

How to use font awesome 5 installed via NPM

吃可爱长大的小学妹 提交于 2019-12-06 19:21:04
问题 I am not finding any docs for what to do next, I installed into my project via npm, $ npm install --save @fortawesome/fontawesome-free-webfonts But now what? Can anyone point me to how to actually import or use it now? Thank you. 回答1: First install it using NPM : npm install @fortawesome/fontawesome-free --save-dev Now you have two ways, one way is to embed the absolute URL within your HEAD section or if you working with something like SASS(SCSS) , You can import it in your custom.scss file

yeoman generator font awesome

Deadly 提交于 2019-12-06 17:05:57
问题 I created a mobile application with the yeoman mobile-generator. Now I want to add font awesome. I tried this, but not really works in the compiling process. A small advice or experience would be great Okay, it's really a bit unclear. Sorry. The compiling process works, but console says 404 not founds for the fonts. It's not really clear to me how is a good way to do this. Creating the CSS from the scss files, implemeted the .min.css in the index.html with "<-- build: ... -->" or something