SASS compile fontawesome preserve notation

Extract from Sass 3.4.0 changelog: Sass now follows the CSS Syntax Level 3 specification for determining a stylesheet’s encoding. In addition, it now only emits UTF-8 CSS rather than trying to match the source encoding. Now no way for use old method Issue on SASS repo For me, rollback to SASS 3.3.14 fix this

Changing Font Icon in WPF using Font Awesome

Font Awesome has NuGet packages named FontAwesome.UWP and FontAwesome.WPF. Just download one of this. If you will use a icon import follow namespace into your XAML code: xmlns:fa=”http://schemas.fontawesome.io/icons/” Use it into your button like this: <Button x:Name=”btnButton”> <Button.Content> <fa:ImageAwesome Icon=”LongArrowLeft”/> </Button.Content> </Button> And finally in your C# code behind: using FontAwesome.WPF; // on the top … Read more

Font awesome not working in Firefox

Custom web fonts via CDN (or any cross-domain font request) doesn’t work in Firefox or Internet Explorer (correctly so, by spec) though they do work (incorrectly so) in Webkit-based browsers. You can fix this by adding headers to your page. Apache <FilesMatch “.(eot|ttf|otf|woff)”> Header set Access-Control-Allow-Origin “*” </FilesMatch> Nginx if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){ add_header Access-Control-Allow-Origin … Read more

Why font-awesome works on localhost but not on web ?

I’ve just loaded your webpage and checked the net tab of firebug. your following urls returned a 404: http://www.senocakonline.com/Content/font/fontawesome-webfont.woff http://www.senocakonline.com/Content/font/fontawesome-webfont.ttf i would assume that those being missing is the reason your icons aren’t displaying. UPDATE: 23.10.2015 to make it available just add this code to your WebConfig: <system.webServer> <staticContent> <mimeMap fileExtension=”woff” mimeType=”application/font-woff” /> <mimeMap fileExtension=”woff2″ … Read more

Fontawesome is not working when project is built with grunt

I had the same problem. The following code solved my problem. copy: { dist: { files: [{ expand: true, dot: true, cwd: ‘<%= config.app %>’, dest: ‘<%= config.dist %>’, src: [ ‘*.{ico,png,txt}’, ‘.htaccess’, ‘images/{,*/}*.webp’, ‘{,*/}*.html’, ‘styles/fonts/{,*/}*.*’ ] },{ expand: true, dot: true, cwd: ‘bower_components/bootstrap/dist’, // change this for font-awesome src: [‘fonts/*.*’], dest: ‘<%= config.dist %>’ … Read more

Font Awesome & Unicode

I got a similar problem using unicode and fontawesome. When I wrote: font-family: ‘Font Awesome\ 5 Free’; content: “\f061”; /* FontAwesome Unicode */ On Google Chrome, a square appears instead of the icon. The new version of Font Awesome also requires font-weight: 900; That works for me. From: https://github.com/FortAwesome/Font-Awesome/issues/11946

How to include a Font Awesome icon in React’s render()

If you are new to React JS and using create-react-app cli command to create the application, then run the following NPM command to include the latest version of font-awesome. npm install –save font-awesome import font-awesome to your index.js file. Just add below line to your index.js file import ‘../node_modules/font-awesome/css/font-awesome.min.css’; or import ‘font-awesome/css/font-awesome.min.css’; Don’t forget to … Read more

Font Awesome with Swing

I would say “yes”… Download the zip package from Font Awesome Uncompress it Copy the fontawesome-webfont.ttf file to your project (in the below example, I used it as an embedded resource) Using the Cheeatsheet, copy and past the icon you want to use into your code Load the font and display… For example… import java.awt.BorderLayout; … Read more