font-awesome

Use Semantic-UI (or Font Awesome) icons as markers in OpenLayers3

纵饮孤独 提交于 2019-12-05 03:42:31
Is there a way to use icons from Semantic UI or FontAwseome as markers icons in OpenLayers3 ? OpenLayers features the feature style Text that can be used as follows: var blackFill = new ol.style.Fill({color: 'black'}) var whiteStroke = new ol.style.Stroke({color: 'white', width: 1}) var iconText = new ol.style.Text({font: "<my font>", text: "<some string>", fill: blackFill, stroke: whiteStroke }) var featureStyle = new ol.style.Style({ text: iconText }); After checking the style of Semantic UI elements, I discovered it is using "Icons" as font-family and escaped characters to choose the symbol

Font-awesome class with multiple different icons

三世轮回 提交于 2019-12-05 02:23:27
问题 I want to create custom font-awesome class with multiple icons in it, i.e. .2star class consisting of 2 stars and 3 empty stars in a line, beside each other. Is there a way to do it in CSS or I have to use html-only solution with multiple i-classes ? 回答1: Yes you create a custom font awesome class, with multiple characters in content like this .class:after { content: "\f005\f005\f005"; /* 3 Stars */ font-family: FontAwesome; } Demo Note that the values like \f005 etc can be found in

I'm using PhoneGap and in my pages I'm trying to use FontAwesome but it doesn't work?

浪子不回头ぞ 提交于 2019-12-05 01:49:59
问题 I created application with PhoneGap for Android and I'm using FontAwesome icons in my app, but I can't see icons but just squares. I include FontAwesome like this <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> And I'm using it like this <i class="icon-circle "></i> Do I need to move the FontAwesome folder somewhere else, now it is in www->fontawesome and the file from which I'm calling it it's also in www folder, or I need to do something else I can find any useful

Add icons to JButton using custom font from AwesomeFont and unicode characters in Java Swing?

不羁的心 提交于 2019-12-05 01:26:49
I have a JButton and I want to add an icon to it. I would like to use the font based icons from FontAwesome which provides a TrueType font file. The icon I am trying to add is the play button icon. The play button icon in the css file for FontAwesome is \f04b which I beleive translates to \uf04b in Java. This is how I am loading the font in the constructor of by IconButton base class. public class IconButton extends JButton { public IconButton() { try { InputStream in = this.getClass().getResourceAsStream("/fontawesome-webfont.ttf"); Font ttfBase = Font.createFont(Font.TRUETYPE_FONT, in); Font

FontAwesome displaying as squares on WP8 using cordova/phonegap

北慕城南 提交于 2019-12-05 00:16:51
问题 I am using the AngularMobileUI framework and the icons just display as squares. I have previously tried the Ionic framework and that did the same. Anyone know how to fix this, and also why it happens? My icons display fine on android and ios 回答1: Encase someone has this problem, i found part of the answer here Getting a web-font to work on an HTML5 Windows Phone App? FontAwesome has the embeddable flag set to 4. First you need to set the value to zero. Once that is done, you need to change

How to use font awesome 5 installed via NPM

被刻印的时光 ゝ 提交于 2019-12-04 23:38:42
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. 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 like this : 1- first set an absolute path for webfonts (It has to be set before the fontawesome.scss) : $fa

yeoman generator font awesome

守給你的承諾、 提交于 2019-12-04 21:13:55
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 else?! When I add this in my main .scss file the the fonts would not be found. $fontAwesomePath: "..

ruby not load font-awesome

北战南征 提交于 2019-12-04 19:38:19
i am trying to load font-awesome to my view I have read other answers and implement the Rails: Using Font Awesome What i have done config/application.rb require File.expand_path('../boot', __FILE__) require 'rails/all' # Require the gems listed in Gemfile, including any gems # you've limited to :test, :development, or :production. Bundler.require(:default, Rails.env) module Blog class Application < Rails::Application # Settings in config/environments/* take precedence over those specified here. # Application configuration should go into files in config/initializers # -- all .rb files in that

Font Awesome icons not working in OSX Safari

非 Y 不嫁゛ 提交于 2019-12-04 18:56:58
问题 My font-awesome icons are working fine in Firefox and Chrome, but in Safari I just see blank space for some of them but not others. Screenshot: As you can see, the icons for fa-twitter , fa-instagram and others just aren't showing up, either on the Font Awesome website or when I try to use them with <i class="fa fa-instagram"></i> . Really bizarre, I've cleared my cache a dozen times and can't figure out what else could be going wrong here. Any ideas? 回答1: There may be another issue at play-

Why Font-Awesome icon class is different

跟風遠走 提交于 2019-12-04 17:28:16
问题 Why fontawesome icon class is different <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" /> <i class="fa fa-edit"></i> <i class="fas fa-pencil"></i> <i class="fab fa-facebook"></i> 回答1: The fa prefix has been deprecated in version 5. The new