font-awesome

How to use Font Awesome from webjars.org with JSF

由 僤鯓⒐⒋嵵緔 提交于 2020-02-09 01:11:07
问题 I am trying to use Font Awesome icons with my JSF application. I have had some success by following the getting started instructions and adding the following to my view's <h:head> section: <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" /> This gives me a nice home icon when I use the icon-home class: However, I don't want to be dependent on the bootstrap server to provide the Font Awesome resources, so I am trying to bundle these with my war,

Font awesome 5: icon not switching when condition changes

由 为君一笑 提交于 2020-02-05 09:15:21
问题 I'm using font awesome 5 in a react.js project, and having trouble make the icon switch in a conditional statement. Here's the sample code: !isRecording && <div style={styles.recordButton} onClick={e => this.record(e)}> <span className="fa-layers fa-4x"> <div><i className="fas fa-circle " style={{color: Colors.mainOrange}}></i></div> <div><i className="fa fa-microphone fa-inverse" data-fa-transform="shrink-6"></i></div> </span> </div> || <div style={styles.recordButton} onClick={e => this

webpack最佳入门实践系列(07)

由 本秂侑毒 提交于 2020-01-29 18:50:56
7.使用字体 7.1.安装字体库-font-awesome 我们通过npm来安装字体 npm install font-awesome --save 　　 这个时候，我们的package.json配置文件变成这样： { "name": "code", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack", "start": "webpack-dev-server", "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "css-loader": "^0.28.7", "file-loader": "^1.1.5", "html-webpack-plugin": "^2.30.1", "style-loader": "^0.19.0", "url-loader": "^0.6.2", "webpack": "^3.10.0", "webpack-dev-server": "^2.9.7" }, "dependencies": { "font-awesome": "

How to disable a Font-Awesome button in jQuery?

由 ぃ、小莉子 提交于 2020-01-24 08:45:30
问题 How do I disable a font-awesome button in jQuery? <a id="btnOK" class="btn btn-primary btn-sm" href="#"> <i class="fa fa-upload"></i> OK </a> jQuery is not disabling this button when I try this: $("#btnOK").prop("disabled", false); 回答1: You can try something like this: <button id="btnOK" class="btn btn-primary btn-sm" href="#"> <i class="fa fa-upload"></i> OK </button> $(document).ready(function(){ alert("Ready"); $("#btnOK").attr("disabled", "disabled"); $("#btnOK").click(function(){ alert(

Why is Font Awesome not working on my jekyll-built Github site?

由 此生再无相见时 提交于 2020-01-24 06:42:07
问题 I am using Jekyll to build my blog site, which is hosted by Github, and I am trying to incorporate font-awesome. The fa icons don't show up, and now my Github page is not updated with my latest blog post. I've tried to link the font-awesome stylesheets to my css. I ended up using {% includes font-awesome.css %} in my stylesheet.css file, and I think that works fine. In my navbar html, I've included the typical font-awesome i tag like so: <li><a href="{{ site.baseurl }}/index.html"><i class=

How do you add Font Awesome to Ionic 4

由 送分小仙女□ 提交于 2020-01-21 07:01:05
问题 There are a lot of tutorials and articles of how to include Font Awesome in an Ionic 3 project but I struggled finding any on how to add Font Awesome into an Ionic 4 project. So this poses the question, how do you add and use Font Awesome in an Ionic 4 project? I have tried using the following tutorial without much success. I tried following the steps outlined in the following StackOverflow answer which did not work either. 回答1: To get Font Awesome working in an Ionic 4 project you can follow

Font-Awesome icon with an onclick event set

由 泪湿孤枕 提交于 2020-01-20 02:34:07
问题 I am trying to use the following font-awesome icon <i class="fa fa-minus-circle"></i> as a delete icon next to items in a list on my page like this: Item 1 delete-icon Item 2 delete-icon On click of one of these icons I need to run a JavaScript function... What html element should I be wrapping the icon with? I noticed that when I use an anchor tag it turns blue and when I use a button it ends up being wrapped in a button. Are there any other options? Essentially I want to do this <a onclick=

Font Awesome Discord Icon won't show [duplicate]

由 梦想与她 提交于 2020-01-17 15:03:46
问题 This question already has answers here : Font Awesome 5 - why icons like bitcoin, facebook, twitter aren't showing? (3 answers) Closed 10 months ago . I am trying to use a discord icon but for some reason it doesn't work. It just becomes blank. These are the ones that I am using right now and they are working correctly. <li><a href="https://twitter.com/" class="fa fa-lg fa-twitter"></a></li> <li><a href="https://github.com/" class="fa fa-lg fa-github"></a></li> <li><a href="https://www

Use icon fonts in xpages

由 时光总嘲笑我的痴心妄想 提交于 2020-01-14 02:31:23
问题 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

bundle exec rake assets:precompile throws font-awesome related issue

由 跟風遠走 提交于 2020-01-13 19:12:20
问题 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
订阅 font-awesome