Tag: 字体真棒

静态旋转字体真棒图标: 我想静态旋转我的字体超棒的图标45度。它在网站上说：要任意旋转和翻转图标，请使用fa-rotate- *和fa-flip- *类。但是，在做 不起作用，而用fa-rotate-90replacefa-rotate-45也行。这是否意味着它们实际上不能任意旋转？

我如何确保每个字形具有相同的宽度？: 我注意到，即使在相同的字体大小，没有一个标准的宽度。我怎样才能使用这些项目列表的前面，这样的话不会出现锯齿？问题的屏幕截图：这是代码： <ul id="myTab"> <li class="active"><a href="#home"> Proposal</a></li> <li><a href="#video"> Videos</a></li> <li><a href="#asset"> Assets</a></li> <li><a href="#payment"> Payment</a></li> <li><a href="#history"> History</a></li> </ul>

当咕噜声build立项目时，Fontawesome不工作: 我正在使用字体库字体真棒。当项目不是用grunt构build/丑化的时候，它工作。但是当我用grunt来构build这个项目的时候，这是行不通的。我在控制台中得到这个错误：… / fonts / fontawesome-webfont.woff？v = 4.0.3 404（Not Found）我已经与yeoman搭起了这个项目。这是我在index.html中的参考 <!– build:css styles/fontawesome.css –> <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"> <!– endbuild –> 任何想法可能是错的？更新我需要将文件夹/ bower_components / font-awesome / fonts复制到dist / fonts。这需要在grunt文件中完成。可能在“复制”选项下 copy: { dist: { files: [{ expand: true, dot: true, cwd: '<%= yeoman.app %>', dest: '<%= yeoman.dist %>', src: [ […]

使字体令人敬畏的图标在一个圆圈？: 我在一些项目上使用字体awsome，但我有一些事情，我想用字体真棒图标，我可以很容易调用图标像这样 是否有可能所有的图标总是在边界的圆形，这样的事情我有一个图片运用 i { background-color: white; border-radius: 50%; border: 1x solid grey; padding:10px; } 会做的效果，但问题是，图标总是更大的txt或旁边的元素，任何解决scheme？

在文本input元素内的字体真棒图标: 我正在尝试在用户名input字段中插入一个用户图标。我已经尝试了类似问题的解决scheme之一，因为Font Awesome是一种字体，因此background-image属性将不起作用。以下是我的方法，我无法获得图标显示。 .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: -5px; content: "\f007"; } 我有在默认字体真棒CSS声明的字体面，所以我不知道如果添加上面的字体家族是正确的方法。 @font-face { font-family: 'FontAwesome'; src: url('../Font/fontawesome-webfont.eot?v=3.2.1'); src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); }

使用Font Awesome图标作为项目符号点，带有一个列表项目元素: 我们希望能够使用Font Awesome（ http://fortawesome.github.com/Font-Awesome/ ）图标作为CMS中无序列表的项目符号。 CMS上的文本编辑器仅输出原始HTML，因此无法添加其他元素/类。这意味着当标记看起来像这样时显示图标： <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> 第一个问题，我可以看到如果Font Awesome需要不同的font-family属性，这将需要一个单独的元素。这可能使用纯粹的CSS？或者我必须将元素附加到每个列表项的开始使用类似jQuery？我意识到我们可以使用背景图像，但如果可能的话，使用Font Awesome会很棒。

自定义李列表式与字体真棒图标: 我想知道是否有可能利用font-awesome（或任何其他标志性的字体）类来创build一个自定义的<li>列表样式types？我目前正在使用jQuery来做到这一点，即： $("li.myClass").prepend(""); 但是，当<li>文字在整个页面上换行时，这样做的样式不正确，因为它认为图标是文字的一部分，而不是实际的子弹指示符。有小费吗？

我可以改变Font Awesome的图标颜色吗？: 出于某种原因，我必须将我的图标包裹在<a>标签中。有什么可能的方法来改变一个字体真棒图标的颜色为黑色？或者只要它包裹在<a>标签中是不可能的？字体真棒应该是字体不是图像，对不对？ <a href="/users/edit"> Edit profile</a>

当处于加载状态时，如何将微调器图标添加到button？: Twitter Bootstrap的button有一个很好的Loading…状态可用。问题是，它只是显示一条消息，如Loading…通过像这样的data-loading-text属性： <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> @Localization.StartUpload </button> 看着字体真棒，你会看到现在有一个animation微调图标。我尝试着像上面这样发起一个Upload操作来整合这个微调器图标： $("#btnStartUploads").button('loading'); $("#btnStartUploads i").removeAttr('class'); $("#btnStartUploads i").addClass('icon-spinner icon-spin icon-large'); 但是这完全没有任何效果，也就是说，我只是看到button上的Uploading…文本。当button处于Loading状态时，是否可以添加图标？看起来不知何故，Bootstrap只是在加载状态下移除button内的图标 。这是一个简单的演示，显示了我在上面描述的行为。正如你看到当它进入加载状态时，图标就消失了。它会在时间间隔后重新出现。