标签: font-awesome

如何使用fontawesome用ionic 2的,我下面这个教程,但它不工作.

仅仅是我还是在FontAwesome 4.0.0中缺少FontAwesome 3.xx中的图标？如果是这样,这肯定会使FontAwesome对我来说不那么棒......

例如,我似乎无法找到相当于icon-remove(没有fa-remove,或fa-delete据我所知).

必须重命名我的应用程序中的所有图标引用是令人讨厌的.无法重现3.0中的可能性真的非常糟糕.

无法再访问v3.x cheatsheet和其他文档:不可接受!

我正在使用Semantic UI CSS框架构建一个网站,现在我想使用它的一些图标.

这是HTML:

<h1>Title<i class="lab icon"></i></h1>

我已经链接了semantic.css,但我认为我还需要做其他事情来使图标工作？我也尝试过连接它:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

但它仍然无效.我错过了什么？

在此页面的页脚中 http://128.199.58.229/landingpage/

我有一些字体真棒图标(社交媒体图标).

我试图在图标本身后面给他们一个白色背景.白色背景目前突出.我已经阅读了一些使用宽度,高度和边界半径组合的帖子来实现这一目标,但目前没有成功.

.lt-bus-info .fa {
background-color: white;
border-radius: 50%;
}

这是一个jsfiddle:http://jsfiddle.net/magician11/nfz9sucn/1/ 我正在寻找符号背后的白色:https://dl.dropboxusercontent.com/u/14057353/Screen%20Shot%202014- 12-03%20AT%204.01.18%20 pm.png

有人知道怎么修这个东西吗？谢谢.

我是font-awesome图标的新手.我有一个页面,其中有一个用户可以搜索数据的过滤器.我在搜索链接之前添加了字体真棒图标(如下面的截图所示),我可以在除IE 11之外的所有浏览器中看到此图标.有趣的是我在其他页面中也有这个图标,我可以在IE中看到它11,但我看不到这个图标(如下面的屏幕截图所示)页面.

这是IE 11的截图:

以下是chrome的截图:

任何人都可以帮我解决这个问题吗？

我希望能够在使用新的FontAwesome SVG框架时在Javascript中切换图标.

以前在旧的WebFont方法中,这是通过切换或更改标记上的类来实现的,但是由于这些现在在源代码中呈现为SVG,因此不再有效.

有没有办法做到这一点,而无需在源代码中呈现两个SVG图标并使用其他类/ CSS来切换显示？

每当我尝试className='fa-spin'在React中使用FontAwesome微调器图标(带)时,我收到以下错误:

Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
at removeChild (http://localhost:5000/public/bundle.js:19553:22)
at unmountHostComponents (http://localhost:5000/public/bundle.js:13683:11)
at commitDeletion (http://localhost:5000/public/bundle.js:13727:5)
at commitAllHostEffects (http://localhost:5000/public/bundle.js:14419:13)
at HTMLUnknownElement.callCallback (http://localhost:5000/public/bundle.js:5035:14)
at Object.invokeGuardedCallbackDev (http://localhost:5000/public/bundle.js:5074:16)
at invokeGuardedCallback (http://localhost:5000/public/bundle.js:4931:27)
at commitRoot (http://localhost:5000/public/bundle.js:14508:9)
at performWorkOnRoot (http://localhost:5000/public/bundle.js:15510:42)
at performWork (http://localhost:5000/public/bundle.js:15460:7)

编辑:现在问题出现了几次,代码本身并没有什么特别之处.我一直在使用微调器作为加载图标,每当微调器被内容替换时就会发生错误.例:

return (
  <div>
    {this.state.loading === true ? <i className="fa-spin fas fa-sync"></i> : (
      this.state.recipes.length === 0 ? (
        <div className='text-center'>
          <h2>There doesn't seem to be …

我在我的网站上使用Font Awesome作为图标.我是HTML和CSS的新手.我试图将它用于复选框,并且很难弄清楚如何使用它来启用/禁用复选框并显示显示的approrpiate图标.

例如; 我正在使用以下标签复选框:

<div style="font-size: 24px;">
<i id="prime" type="checkbox" class="icon-check-empty"></i>icon-check
</div>

启用/禁用复选框时,我正在使用以下jQuery更改图标:

$(".icon-check-empty").click(function(){
    $('#prime').removeClass('icon-check-empty');
    $('#prime').addClass('icon-check');
});

我确信这不应该是如何使用它的方式.你能指导我应该如何使用它的方式.

目前; 我想使用复选框,我的目标是选中/取消选中复选框,并显示相应的图标.选中时:icon-check; 未选中:icon-check-empty

请指导我!!

我有一个搜索栏,最左边 有搜索图标,如下面的小提琴 和下面的屏幕截图所示.

我用来制作搜索图标和方形边框的HTML和CSS代码是:

HTML:

<form class="back">
  <span class="fa fa-search searchicon" aria-hidden="true"> 
</span>
  <input type="text" name="search" class="extand ">
</form>

CSS:

.back{
  padding: 0.5%;
  background: #10314c;

}

.searchicon {
   float: left;
   margin-top: -20px;
   position: relative;
   top: 26px;
   left: 8px;
   color: white;
   z-index: 2;
   }

.extand {
    width: 2.4%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background: #10314c;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.extand-now …

为什么fontawesome图标类是不同的

<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>