font-awesome-5

I've come across many ways to solve this using Font Awesome < 5, but I can't seem to solve this in any way using Font Awesome 5. This is how many resources point to adding a Font Awesome icon in placeholder text. <input style="font-family:FontAwesome !important" type="text" placeholder="&#xf167"> Remember to not use the general "Font Awesome 5" font family, you need to specifically end with the branch of icons you're working with. Here i am working the "Brands" category. <input style="font-family:'Font Awesome 5 Brands' !important" type="text" placeholder="&#xf167"> For a more sophisticated

We contributed to font-awesome 5 (yea), and we are looking from moving from our existing icons (Symbol set) to font-awesome. Will the naming of icons and usage of font-awesome 5 be backwards compatible with font-awesome 4.7? IE: Should we go to 4.7 now, and have very easy upgrade to 5.0? OR should we hold off until font-awesome 5 comes out? It's not backwards compatible. I just publish a script to do the migration from 4 to 5 in: https://github.com/estebandelaf/scripts/blob/master/fontawesome4to5.sh PS: I know the post is from a year ago, but is the second result in google for "fontawesome

I am trying to create a googleMap that uses dynamic fontAwesome markers I can't seem to be able to set 'Font Awesome 5 Free' as the font to be used, though. I can set 'Fontawsome' which works, but is not a webfont (It's a .TTF installed in MY system) var marker0 = createMarker({ position: new google.maps.LatLng(33.808678, -117.918921), map: map, icon: { path: google.maps.SymbolPath.CIRCLE, fillColor: '#F00', fillOpacity: 1, strokeWeight: 0, scale: 15 }, label: { fontFamily: "FontAwesome", fontWeight: '900', text: eval("'\\u"+'f0ab'+"'"), color: 'white' } }, "<h1>Marker 0</h1><p>This is the

Did anyone already designed checkboxes with font awesome 5 icons inside? I've already googled it and found only examples for FA-4 like http://flatlogic.github.io/awesome-bootstrap-checkbox/demo/ I updated to FA5 and got other things with CSS pseudo elements to run, but inside a checkbox it's not running. I'm open to other solutions without pseudo elements. Thanks in advance! Fiddle-Examples: Fiddle with FA-4.7 /* Checkboxes */ .checkbox input[type="checkbox"] { display: none; } .checkbox label { padding-left: 0; } .checkbox label:before { content: ""; width: 20px; height: 20px; display: inline

I'm trying to include font awesome 5 to my angular-cli project (1.6.0) running Angular >5.0.0. I used (as described): yarn config set @fortawesome:registry https://npm.fontawesome.com/xxxxx-xxxx-xxx-xxx-xxxxxxx yarn add @fortawesome/fontawesome yarn add @fortawesome/fontawesome-pro-light It gets the packages successfully. Now I want to include the package to my angular-cli. In my app.component.ts I tried to do (as described at: https://www.npmjs.com/package/@fortawesome/fontawesome ): import fontawesome from '@fortawesome/fontawesome' import { faUser } from '@fortawesome/fontawesome-pro-light'