font-awesome

Adding Font Awesome 5 icon from Angular 5 component

流过昼夜 提交于 2019-12-11 08:42:25
问题 I am using Font Awesome 5 (angular2-fontawesome - package) with Angular 5. What I am trying to do is to import fa icon from component. Html: <mat-list> <mat-list-item><a [routerLink]="['/']" fragment="intro-text" [innerHTML]="introText"> {{introText}} </a></mat-list-item> ... </mat-list> Component: introText = "Welcome"; @HostListener("window:resize", ["$event"]) onResize(event) { this.introText = window.innerWidth < 1080 ? '<i fa class="fas fa-home"></i> <h1>1</h1>' : "Welcome"; } When I am

How to set the font awesome icons in menu items in android?

戏子无情 提交于 2019-12-11 08:18:22
问题 I am facing the issue in font awesome ,i tried many ways to set the font awesome icon in menu items but the problem is not solved. @Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.drawer_menu, menu); return true; } @Override public boolean onPrepareOptionsMenu(Menu menu) { TextDrawable faIcon = new TextDrawable(this); faIcon.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 30); faIcon.setTextAlign(Layout.Alignment.ALIGN

Xamarin FontAwesome not working from code behind

大兔子大兔子 提交于 2019-12-11 07:43:11
问题 I am wondering if I am missing some thing here. When using FontAwesome in xaml for iOS it works just fine like this: <Button Text="" HeightRequest="100" BackgroundColor="DarkRed" TextColor="White" FontSize="36"> <Button.FontFamily> <OnPlatform x:TypeArguments="x:String" Android="fa-regular-400.ttf#Font Awesome 5 Free Regular" iOS="Font Awesome 5 Free" WinPhone="Assets/fa-regular-400.ttf#Font Awesome 5 Free" /> </Button.FontFamily> </Button> But when doing this in the code behind for the page

How can I add 'Font Awesome' to my app with twitter-bootstrap? [duplicate]

故事扮演 提交于 2019-12-11 05:11:01
问题 This question already has answers here : Closed 6 years ago . Possible Duplicate: Rails: Using Font Awesome I have Rails app in which I'm using many twitter-bootstrap's icon. For that I did put "boostrap.css.erb" in /assets/stylesheets/ folder directly also "glyphicons-halflings-white.png" and "glyphicons-halflings.png" in /assets/images/ folder directly. Now I just downloaded Font awesome and extracted. I'm guessing I have to do something with these files. Can anyone tell me how to set up?

Font Awesome with easyAutocomplete plugin

夙愿已清 提交于 2019-12-11 04:29:59
问题 I have a form in which I want to show the input text field and submit on the same line. The input text field has two FontAwesome icons which I want to show inside the text field. I can style the form as I want when I don't use the easy Autocomplete plugin. But when I activate the easyAutocomplete plugin, the styling goes haywire. Here's the code: HTML: <form role="search" method="get" id="searchform" class="searchform" action=""> <span class="fa fa-map-marker my-fa"></span> <input type="text"

Font-awesome icons, change color in the middle of the icon (the text)

微笑、不失礼 提交于 2019-12-11 04:07:15
问题 I have a problem, changing the text color of my font-awesome social icons. Right now it's transparent which looks weird because of my footer background-color. Is there any way that I can change it to white? Have tried with color: (and a color code) but that only changes the color around the text. It looks like this: My html code: <div class="social-content"> <a href="#"><i class="fa fa-facebook-square fa-3x fb-btn"></i></a> <a href="#"><i class="fa fa-twitter-square fa-3x twit-btn"></i></a>

Replace CKEditor toolbar images with font awesome icons

旧巷老猫 提交于 2019-12-11 03:59:43
问题 Is there some way to replace the default toolbar images (e.g. Bold, Italic, etc.) with Font Awesome icons? 回答1: I know this is an old issue, but on a plugin by plugin basis I've been able to add font-awesome icons to ckeditor buttons with the following code inside the plugin's init function. In my case my plugin was called trim : //Set the button name and fontawesome icon var button_name = 'trim'; var icon = 'fa-scissors'; //When a ckeditor with this plugin in it is created, find the button /

Font Awesome icons shows up as black squares on Heroku

六眼飞鱼酱① 提交于 2019-12-11 03:46:00
问题 I'm using the Font-Awesome-Sass gem with my Rails Project. I followed the gem's instructions, and have included the @import into the application.css.scss. I'm also using the correct Rails syntax in the html to reference the icons. Everything works great locally, but as soon as I push to my staging Heroku environment, the icons just show as black squares. Here is a snippet of staging.rb (the staging Heroku environment I was talking about) # Code is not reloaded between requests. config.cache

How to import font-awesome in node.js to use in react.js?

瘦欲@ 提交于 2019-12-11 03:17:47
问题 I am working with node.js and react.js. I already imported my own css file like so: import React from 'react'; import Modal from 'react-modal'; import './../App.css'; this works fine, but when I try to add font-awesome like so: import './src/font-awesome-4.7.0/css/font-awesome.css' then it doesn't work. Am I doing something wrong? Or is there maybe another way? 回答1: Here's how i did it entirely in the front end react side: Include font awesome inside the <head> tag <link rel="stylesheet" href

Using Font Awesome dynamically in Swift

为君一笑 提交于 2019-12-11 02:27:38
问题 I am trying to dynamically encode font-awesome characters in Swift. I am using an API which returns the code for the character (in the format f236) and I want to inject this as unicode into a UILabel. Ideally I would like to do the following: var iconCode: String? = jsonItem.valueForKey("icon") as? String var unicodeIcon = "\u{\(iconCode)}" label.text = "\(unicodeIcon) \(titleText)" However you obviously can't do this. Is there a way around this problem? 回答1: @abdullah has a good solution,