font-awesome

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. 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.getComputedStyle(element, null).getPropertyValue(property); } window.onload = function () { var span = document

Is it possible to use font icon in selector instead of drawable ? <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@drawable/menu_home_press" android:state_pressed="true"></item> <item android:drawable="@drawable/menu_home"></item> </selector> I changed text color in selector instead of drawable. Its working fine. Create MyTextView class which extends TextView public class MyTextView extends TextView { public MyTextView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init

I am developing a Google Chrome Extension that is displayed on a specific website. And I want to use Fontawesome in my chrome extension. When I try to load fonts, the error GET chrome-extension://invalid/ net::ERR_FAILED occured. In the stylesheet, webfonts are included with @font-face like this. src: url('chrome-extension://__MSG_@@extension_id__/Fonts/fontawesome-webfont.eot?v=4.7.0'); I also tried to embed my extension id directly, though it doesn't work. My manifest.json: "web_accessible_resources": ["Fonts/*.*", "*.ttf", "*.eot", "*.svg", "*.woff", "*.woff2"], How to solve this? This is

How can I insert a calendar web font icon into my input field? HTML: <input class="start_date" type="text"> CSS: .start_date:before { font-family: "FontAwesome"; content: "\f073"; } <input> is a self-closing tag, you cannot have any :before or :after pseudo element in it. You could wrap it into a <label> or <span> so and attach it there. .start_date:before { font-family: "FontAwesome"; content: "\f073"; } .start_date:before, .start_date input { vertical-align: middle; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <label class=

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 snippets): import fontawesome from '@fortawesome/fontawesome'; import FontAwesomeIcon from '@fortawesome

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 Outline The outline isn't part of the CSS box, which means it won't fire click events. This is perhaps slightly counter-intuitive, but that's how it