font-awesome

Font Awesome icons disappear after refresh of browser

最后都变了- 提交于 2019-12-05 16:02:49
My glyphicons disappear from the Internet Explorer 11 webpage after refreshing the page (F5). But when I open the webpage (after first refreshing it)by clicking on its menu link, the page is displayed correctly . . . In chrome this works just fine even after pressing F5. I'm running Bootstrap v3.3.1. I've taken sample code from http://fortawesome.github.io/Font-Awesome/examples/ but even this simple code does not work after pressing F5 <div class="row"> <class ="col-lg-12"> <div class="list-group"> <a class="list-group-item" href="#"> <i class="fa fa-home fa-fw"></i>  Home </a> <a class="list

Remove unused Font Awesome icons

女生的网名这么多〃 提交于 2019-12-05 15:57:28
问题 I uploaded the files to my server but I'm only using 5 icons in my site. How can I delete the Font Awesome icons that I will never use? Like the useful and beautiful Stethoscope. http://fortawesome.github.io/Font-Awesome/icon/stethoscope/ Thank you 回答1: It sounds like you copied the entire font-awesome directory into your project, and this isn't the result you are looking for. If you only want 5 of the Font Awesome icons in your project, and not have the balance of icons available for future

font-awesome图标的显示问题

强颜欢笑 提交于 2019-12-05 14:28:14
font-awesome一个很强大的字体图标库。 下载链接: http://fontawesome.dashgame.com/ 刚开始使用font-awesome的新手往往容易只引入一个css文件,这样就会导致图标显示不出来。如下图: 下载解压后我们至少需要引入这两个文件夹css、fonts,)这两个文件夹必须同级(其他两个文件夹暂时没用到过),不然就会出现图标显示不出来,建议解压出来的整个文件丢到项目里(不大) 页面引用: 代码: <link rel="stylesheet" href="日本体检_files/font-awesome/css/font-awesome.css"> 引用成功后效果图: 来源: https://www.cnblogs.com/Ky-Thompson23/p/11927639.html

Font awesome not displaying properly on Firefox

Deadly 提交于 2019-12-05 14:02:56
问题 I am trying to use a font awesome icon in a widget that is installed on a customers website. The font awesome icons displays correctly in Safari and Chrome but doesnt in Firefox. However, it still displays correctly in Firefox when previewing it on our site. Does this have something to do with how Firefox displays third party fonts across domains? Any ideas would be greatly appreciated. Thanks. Note: This was tested using Firefox V9 and above. 回答1: Firefox only allows cross-domain linking of

multiline listitem with aligned fontawesome icon

…衆ロ難τιáo~ 提交于 2019-12-05 13:10:57
i am making a list of items with the <li> tag and different FontAwesome icon for each list item in twitter bootstrap. i tried to make the list test center vertically, but cant this way <ul class="middle"> <li> <a href="#"> <i class="icon-cog icon-2x"></i> very long multiline item one</a> </li> <li> <a href="#"> <i class="icon-pencil icon-2x"></i> very long multiline item two </a> </li> </ul> which produced this is what i want to achieve How can i achieve this? San Is this what you are looking at http://jsbin.com/iFaWoYa/1/ ul{list-style:none; width:100px;} ul li {position:relative; margin:0 0

Some font awesome icon not displaying

不羁的心 提交于 2019-12-05 12:39:13
I can see icon-screenshot, icon-map-marker being rendered fine but don't see anything when using icon-paper-clip or icon-group or icon-link ... what could possibly be wrong? Anyone here experienced the same issue? Based on the official troubleshooting guide these are the things you should check: General You don't have an old version of Font Awesome installed on your system (it may have priority); [If you are serving Font Awesome from your own server] Both your font-awesome.css file and your /fonts folders are up to date; [If you are serving Font Awesome from a CDN] Your css link is up to date;

How to create disabled state of the font awesome icons?

ⅰ亾dé卋堺 提交于 2019-12-05 11:37:39
问题 I am using font awesome icons and I need to have a disabled state of the icons. is there any way to do this. I am also using bootstrap. This is how I am using icons. <i class="fa fa-slack"><i/> I just need the icon to look like grayed out. 回答1: Write a custom class for disabled Something like .fa-disabled { opacity: 0.6; cursor: not-allowed; } Adding cursor type is important for users experience. 回答2: You could define your "Bootstrap-like" disabled class .fa.disabled, .fa[disabled], .disabled

Fontawesome not loading [closed]

淺唱寂寞╮ 提交于 2019-12-05 11:10:43
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center . Closed 6 years ago . I'm currently using Fotawesome at a project. The problem is, that when I load the webpage, I only see blocks instead of icons. The fonts 'can't be found on the server', but I'm sure they are at the right location (I can browse to the files myself). When I

Using Font Awesome library in a Shopify store

蓝咒 提交于 2019-12-05 10:56:06
I'm trying to use Font Awesome: http://fortawesome.github.com/Font-Awesome/ I've used these font icons on several Rails projects with no problem but for some reason when I try to use them in a Shopify store they don't get rendered. I'm using another @font-face with no difficulties but for some reason this @font-face is not rendering. In assets/ I have: fontawesome-webfont.eot fontawesome-webfont.svg fontawesome-webfont.ttf fontawesome-webfont.woff And I load them with @font-face just like I do with another font-face that works fine. in my stylesheet.css which lives in assets/ @font-face { font

Font Awesome 4.0.0 Missing Icons

前提是你 提交于 2019-12-05 10:51:50
问题 Is it just me or there are actually icons in FontAwesome 3.x.x that are missing from FontAwesome 4.0.0? If so, this definitely makes FontAwesome much less awesome for me... For example, I can't seem to find the equivalent to icon-remove (there is no fa-remove , or fa-delete as far as I can tell). Having to rename all icon references in my application is annoying enough. Not being able to reproduce what was possible in 3.0 is really, really bad. Not being able to access v3.x cheatsheet and