Tag: 字体真棒

保持文本环绕引导3响应式devise: 我有一个查看器与控制栏组成的连续divs。其他项目的FA图标已经在文本上，所以没有屏幕大小的问题，但为了区分具有更高级别控制的两个button来切换查看器中的内容。它们的布局如下所示： <i class="fa fa-toggle-right lg"></i> <span style="font-size:18px;">Next 当这个图像显示在像iPhone这样的小屏幕上时，图标移动到文本上，我希望它保持在它旁边。原因是另一个button，然后与它下面的图标排队，这是不好看的用户界面。 Previous<i class="fa fa-toggle-left lg"></i> 任何选项，如何防止他们包装？

如何水平居中字体真棒图标？: 我有一个带有字体真棒图标的桌子，我想alignment左侧和中间的图标。我试图与居中<i>但不工作： HTML： <td><i class="icon-ok"></i></td> CSS： td, th { text-align: left; } td i { text-align:center; } 的jsfiddle 我也尝试设置text-align:center !important; 但不起作用。我做错了什么？

为什么font-awesome在localhost上工作，但不在web上？: 我在我的项目(mvc/asp.net)使用字体真棒。我的问题是，我正在debugging项目，并检查localhost ，没有问题的字体真棒图标。但是，当发布网站，并在网上查询，而不是图标，我看到小盒子。我相信它被放置在正确的目录（放置的css文件）。我找不到任何适当的解决scheme。顺便也没有button的问题。他们都好，但图标已经消失。谢谢

停止在ng-show / ng-hide上发生的Angularanimation: 在我的AngularJS应用程序中，我使用fontawesome作为我的加载debugging器： <i class="fa fa-spin fa-spinner" ng-show="loading"></i> 我还使用AngularToaster来处理对ngAnimate有依赖性的通知消息。当我在AngularJS应用程序中joinngAnimate的时候，它会以怪异的方式animation我的加载旋钮。我想阻止这种情况的发生，但无法find一种方法来禁用这些装载机上的animation（它也臭得更新我的应用程序中的每一个装载机）。这里是一个显示我的确切问题的小人物。

在Google地图V3中使用图标字体作为标记: 我想知道是否可以在Google Maps V3中使用图标字体图标（例如Font Awesome）作为标记来replace默认标记。要显示/插入到HTML或PHP文档中，标记的代码是： <i class="icon-map-marker"></i>

字体上的字体真棒错误404: 我不知道发生了什么，但在浏览器控制台中，我可以看到与font-awesome有关的3个错误 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 我知道这是荒谬的，我不能自己弄清楚，但一切似乎没有问题，在我的index.html我有这样的事情 <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" /> 这就是我所说的与字体相关的东西，我已经检查了path，我没有错。这是跟你们中的任何一个发生吗？ UPDATE 这是NGINX的一部分，我加载标题中的一些内容 add_header Content-Security-Policy "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://fonts.gstatic.com https://themes.googleusercontent.com https://assets.zendesk.com; font-src 'self' https://themes.googleusercontent.com https://fonts.gstatic.com;";

FontAwesome图标不显示。为什么？: 最近我一直在开发这个网站，我试图把一个字体真棒图标，所以它是可扩展的。事情是他们没有出现。看看HTML： <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> 要么 <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> 我没有把样式表引用放在头上。我不知道他们为什么没有出现。这里是参考： <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 好的，这里是完整的html： <head> <meta charset="UTF-8"> <title>Retrica</title> <link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link href="style/normalize.css" rel="stylesheet" type="text/css"> <link href="style/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="style/main.css" rel="stylesheet" type="text/css"> </head> <body> <header class="top-header"> <div class="container"><!– Start Container –> <div class="row"><!– […]

文本和图标在引导button中垂直alignment: 我无法在引导框架下的button内垂直alignment字体超赞的图标和文本。我已经尝试了很多东西，包括设置行高，但没有任何工作。 <button id="edit-listing-form-house_Continue" class="btn btn-large btn-primary" style="" value="" name="Continue" type="submit"> Continue <i class="icon-ok" style="font-size:40px;"></i> </button> http://jsfiddle.net/fPXFY/ 我怎样才能得到这个工作？

如何在我的svg中包含字体棒图标？: 我有一个包含图像的svg： <g><image id="myImage" class="myClass" x="12" y="15" width="10" height="10" xlink:href="http://img.dovov.compic.png"/></g> 我该如何replace那个带有字体的真棒图标： <g><i class="icon icon-cloud-download" x="12" y="15" width="10" height="10"></i></g> 似乎不工作，因为图像不显示。