Tag: font awesome

font-awesome不能在MVC5中使用bundleconfig

如果我直接在font-awesome.css页面中引用font-awesome.css 。 它会工作 <link href="~/Content/font-awesome-4.0.3/css/font-awesome.css" rel="stylesheet" /> 但是我在BundleConfig.cs 。 图标不显示。 bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/font-awesome-4.0.3/css/font-awesome.css", "~/Content/bootstrap.css", "~/Content/body.css", "~/Content/site.css", "~/Content/form.css" )); 还观察到浏览器控制台对字体目录有错误。 Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:51130/fonts/fontawesome-webfont.woff?v=4.0.3 可能是什么问题呢？

将FontAwesome图标添加到D3graphics

我想设置一个FontAwesome的图标，而不是我的D3节点中的文本。 这是最初的印象，用文字： g.append('svg:text') .attr('x', 0) .attr('y', 4) .attr('class', 'id') .text(function(d) { return d.label; }); 现在我尝试使用图标： g.append('svg:i') .attr('x', 0) .attr('y', 4) .attr('class', 'id icon-fixed-width icon-user'); 但是，这不起作用，即使标记是正确的，CSS规则正确命中：图标不可见。 任何想法为什么？ 这里是相关的jsbin 编辑 我find了插入图像的替代方法： http : //bl.ocks.org/mbostock/950642 node.append("image") .attr("xlink:href", "https://github.com/favicon.ico") .attr("x", -8) .attr("y", -8) .attr("width", 16) .attr("height", 16); 这正是我想要做的，但它不适用于FontAwesome使用的元素。

是否有可能使Font Awesome图标大于“fa-5x”？

我正在使用这个HTML代码： <div class="col-lg-4"> <div class="panel"> <div class="panel-heading"> <div class="row"> <div class="col-xs-3"> <i class="fa fa-cogs fa-5x"></i> </div> <div class="col-xs-9 text-right"> <div class="huge"> <?=db_query("SELECT COUNT(*) FROM orders WHERE customer = '" . $_SESSION['customer'] . "' AND EntryDate BETWEEN '" . date('dM-y', strtotime('Monday this week')) . "' AND '" . date('dM-y', strtotime('Friday this week')) . "'");?> </div> <div>orders […]

改变FontAwesome图标的字体重量？

我想让其中一个FontAwesome图标重一点 – 它比我使用的字体重得多。 这看起来如何： ： 丑，对吗？ 所以我尝试重置字体重量如下： .tag .icon-remove { font-weight: 100; } 该属性似乎在CSS中正确设置，但它没有效果 – 图标看起来像以前一样重。 我也尝试过font-weight: lighter和-webkit-text-stroke-width: 1px ，没有任何效果。 有什么办法可以让图标不那么沉重？ 该文档说：“ 任何你可以用CSS字体样式，你可以做Font Awesome ”，但我不知道如何做到这一点。

替代标签的Alt或title属性

我使用font-awesome并显示他们的字体： <i class="icon-lock"></i> 这将显示一个不错的小锁符号。 为了让用户知道究竟是什么意思，我尝试添加诸如title和alt之类的属性，但无济于事。 是否有任何属性我可以使用的标签执行相同的任务为图像和标题的链接？

从Font Awesome中提取SVG

我想从Font Awesome glyphs中获取SVGpath数据，这样我就可以直接在我的HTML中使用它们作为SVG。 我认为这会像从fontawesome-webfont.svg复制粘贴path数据一样简单 ，但是当我在我的HTML中使用它时，符号都是上下颠倒的。 任何人知道为什么 （见小提琴 ） 字体真棒SVG： <glyph unicode="" horiz-adv-x="1408" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q9 0 42 -21.5t74.5 -48t108 -48t133.5 -21.5t133.5 21.5t108 48t74.5 48t42 21.5q61 0 111.5 -20t85.5 -53.5t62 -81 t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5zM1088 1024q0 -159 -112.5 -271.5t-271.5 […]

如何知道一个字体（@ font-face）是否已经被加载？

我正在使用Font-Awesome，但是当字体文件没有加载时，图标就会以显示。 所以，我想这些图标有display:none文件没有加载。 @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } 我怎么知道这些文件已经加载，我终于能够显示图标？ 编辑：我不是说当页面加载（onload），因为字体可以加载整个页面之前。

如何将字体真棒图标添加到input字段？

如何使用Font Awesome中包含的search图标进行input？ 我在我的网站上有一个searchfunction（基于PHPmotion），我想用于search。 代码如下： <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold; font-size: 10pt; height: 28px; width:186px; color: #000000; padding-left: 2px; float:left; border: 1px solid black; background-color: #ffffff" /> <input type="image" src="http://viddir.com/themes/defaulthttp://img.dovov.comsearch.jpg" height="30" width="30" border="0" style="float:right;"/> <div […]

使用FontAwesome或Glyphicons与CSS：之前

有没有什么办法在使用a :before伪元素的时候将HTMLembedded到css content:元素中？ 我想在这样的用例中使用Font Awesome（或Glyphicon）： h1:before { content: "X"; padding-right: 10px; padding-left: 10px; color: @orangeLight; } 其中X就像<i class="icon-cut"></i> 。 我当然可以在HTML中手动执行此操作，但是我真的想在这种情况下使用:before 。 同样，有什么方法可以用<i>作为列表项目符号？ 这可以正常工作，但对于多行项目不正确： <ul class="icons"> <li><i class="icon-ok"></i> Lists</li> <li><i class="icon-ok"></i> Buttons</li> <li><i class="icon-ok"></i> Button groups</li> <li><i class="icon-ok"></i> Navigation</li> <li><i class="icon-ok"></i> Prepended form inputs</li> </ul>

仅针对使用的类优化Font Awesome

我正在使用Font Awesome Sass文件https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass使它成为_font-awesome.sass，所以我可以在我的Sass项目中使用@import 。 我也使用http://middlemanapp.com/将Sass转换为Css 。 问题： 有没有办法只把已经使用的图标类放入我的转换.css中？ 因为现在它带着_font-awesome.sass的所有课程 奖金：是否有可能重新编译字体与使用图标类 ，使其生产使用更小？ 如果我能得到上面＃1的一些提示，那就太棒了。 谢谢。