font-awesome

I want to use icon (awesome) fonts in my xpage. I downloaded it and put them into my webContent folder (as all my additional stuff. e.g. bootstrap). I modified the awesome.css as followed. @font-face { font-family: "FontAwesome"; src: url('/font/fontawesome-webfont.eot'); src: url('/font/fontawesome-webfont.eot?#iefix') format('eot'); src: url('/font/fontawesome-webfont.woff') format('woff'); src: url('/font/fontawesome-webfont.ttf') format('truetype'); src: url('/font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } And put an into my page. <i

I want to load Fontawesome from a CDN but I get failed cross-origin request. Resource access is restricted I know that to fix this a HTTP header should be added, but is there any way to avoid doing this? I tried replacing '../font/fontawesome-webfont.eot?v=3.2.0') with full urls but it didnt help for some reason. Is there anything that can be done without the header? Nish This is browsers’ same-origin policy restrictions http://www.w3.org/TR/css3-fonts/#same-origin-restriction . If you are using amazon s3 this could help you Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross

I was checking this question: How to use Font Awesome from webjars.org with JSF ant this question: FontAwesome with PrimeFaces with its answer https://stackoverflow.com/a/33070133/5113188 Hi I want to use the new icons of https://fontawesome.com/changelog/latest 5.5 version In my pom.xml file project... <dependency> <groupId>org.primefaces</groupId> <artifactId>primefaces</artifactId> <version>6.2</version> </dependency> <dependency> <groupId>org.primefaces.extensions</groupId> <artifactId>primefaces-extensions</artifactId> <version>6.2</version> </dependency> <dependency> <groupId>org

There's an icon in the Font Awesome set that I want to flip horizontally and then spin in that direction, which is the opposite of the regular spin effect. There are a number of ways to do each, but none that I know that will do both since the effects seem to cancel each other out? If I flip it, .fa-refresh { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } then animate it, .icon-spin-reverse { display: inline-block; -moz-animation: spin-reverse 2s infinite linear; -o-animation: spin-reverse 2s

I am getting error while doing bundle exec rake assets:precompile Here's complete error I am getting on terminal while I hit the above command. Here's my variables.less code snippet @fa-font-path: "assets/font-awesome/fonts"; @fa-css-prefix: "fa"; @fa-version: "4.2.0"; @fa-border-color: #eee; @fa-inverse: #fff; @fa-li-width: (30em / 14); Here's my font-awesome.css snippet @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff? v

I am developing a webapp using pdfmake for the printing. In more recent days I started using Glyphicons and Font-Awesome-Icons in my project, now I need those in the printout as well. But I can't really imagine what would be the best way to achieve this. I see two possibilities: Include the respective Font in pdfmake and create something like a map which determines the Icons font-representation by it's class name (because this is what is used in the app). In this case I could still use the font colors for the Icons I could use something like phantomJS to generate Images of the Icons, but I don