font-awesome

Font Awesome icons disappear after refresh in Chrome

由 99封情书 提交于 2019-12-19 12:52:13
问题 Bootstrap version 3 Font Awesome version 3.2.1 I am having issues with bootstrap and font awesome on Chrome. When I originally load a page, the font awesome icons are displayed correctly. When I refresh the page, the icons disappear. **To clarify, the entire icon is missing, this is not the empty box issue that some others encounter. I'm grasping at straws here, but I noticed there were differences in the order in which the files were retrieved between the original page load and the refresh.

Font-Awesome icons not rendering via the BoostrapCDN

由 余生颓废 提交于 2019-12-19 09:12:52
问题 I'm trying to use Font-Awesome icon fonts via the BootstrapCDN link which I'm pretty sure I have the latest version of: <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> I've put this link in the <head> part of my html file and I am trying to get it to work with this simple html code of: <!DOCTYPE html> <html> <head> <title>Font-Awesome Icons</title> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

how to use google material icons as class instead of <i> tag

由 …衆ロ難τιáo~ 提交于 2019-12-19 03:24:38
问题 According to the guideline in the Google Material website we have to use material icons in _ i _ tag. the question is how to add the icons as font-awesome. something like : Class="material-icons face" instead of <i class="material-icons"> face </i> 回答1: Yes,you can add the material icons as classes using the after pseudo elements.check out the fiddle <span class="material-icons face"></span> .face { position:relative; display:inline-block; } .face:after { content: "face"; } 来源： https:/

Font awesome showing asian signs instead of icons

由 北城余情 提交于 2019-12-19 03:23:45
问题 i'm trying to use Font Awesome but instead of any icons it just displays any asian signs. I downloaded font awsome to by webserver for that. I tried this in 3 different browsers (firefox, opera and chromium) but it is always the same. A testpage can be seen here: http://2weitweitweg.de/test.html And here is a screenshot of it: http://postimg.org/image/9yh5p0p97/ Does it show the signs in your browser? Is the problem browser- or server-related? How can i fix it? bye 回答1: I had this problem and

Icon-font sporadically shows up as squares and back to icon on hover

由 时光毁灭记忆、已成空白 提交于 2019-12-18 19:02:56
问题 Getting a weird behaviour for FontAwesome icon font. Icons do show up on a page load, but when I'm flipping between the tabs and going back to the original page, icons might appear as white squares (not every icon, just some). When hovering mouse over them, they are back to normal display. I'm loading the font via CDN: <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> I guess white squares are from FontAwesome CSS, the browser having troubles to

Bootstrap 3 Placing Icon inside input field

由 天涯浪子 提交于 2019-12-18 12:28:23
问题 I am working in Bootstrap 3 and am trying to get a calendar icon inside the right hand side of the input box. My html looks like this: <div class="col-md-12"> <div class='right-inner-addon col-md-2 date datepicker' data-date-format="yyyy-mm-dd"> <input name='name' value="" type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd"/> <i class="fa fa-calendar"></i> </div> </div> I have tried position: absolute like this: .right-inner-addon i { position: absolute; right: 5px; top

fontawesome + rails 4.0.1 not working

由 坚强是说给别人听的谎言 提交于 2019-12-18 12:22:30
问题 I am using fontawesome 3.2.1 and bootstrap 3.0.0 in my rails 4.0.1 project. All my assets are located in vendor/assets. the problem is that my fontawesome is working in development mode when when i compile my assets(production env) and run the server in production env, its not able to load fontawesome. the errors are as Started GET "/assets/fontawesome-webfont.svg" for 127.0.0.1 at 2014-01-08 11:48:55 +0530 ActionController::RoutingError (No route matches [GET] "/assets/fontawesome-webfont

Extend jQuery UI Icons with Font-Awesome

由 无人久伴 提交于 2019-12-18 11:46:26
问题 I want a way to extend the default jQuery UI icons with Font-Awesome icons. If possible keep the jQuery icons as a fallback, since Font-Awesome doesn't have full coverage. jQuery UI Example: $("#muteAll").button({ text: false, icons: { primary: "ui-icon-volume-on" } }); Font-Awesome Replacement/Extended Example: $("#muteAll").button({ text: false, icons: { primary: "icon-volume-up" } }); The closest I have come up with is: .ui-icon[class*=" icon-"] { background: none repeat scroll 0 0

Font-Awesome error 404 on fonts

由 妖精的绣舞 提交于 2019-12-18 11:05:59
问题 I do not know what is going on but in the browser console I can see 3 errors related to font-awesome GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0 I know it is ridiculous I can not figure out this by myself, but everything seems to be OK, in my index.html I have something like this <link rel=

Font-Awesome error 404 on fonts

由 一笑奈何 提交于 2019-12-18 11:04:57
问题 I do not know what is going on but in the browser console I can see 3 errors related to font-awesome GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0 I know it is ridiculous I can not figure out this by myself, but everything seems to be OK, in my index.html I have something like this <link rel=
订阅 font-awesome