标签: font-awesome

我编码像这样

<h1><i class="icon-picture"></i> Pictures</h1>

它显示了带有字符串的图片的图像 Pictures

我只是想知道google是否选择了关键字Picturesokay.
因为,<i class="icon-picture"></i>正在阻止.

如果我关注SEO,应该怎么做

我使用Font Awesome按钮.当我尝试仅在按钮的三个边上设置边框时,我看到边框位于我的按钮周围.这是我的xml文件:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:top="1dip" android:bottom="1dip" android:left="1dip"><shape>
        <solid android:color="#efeae0" />

        <stroke android:width="1dp" android:color="#d5cfc3" />

        <corners android:topLeftRadius="15dp" />
    </shape></item>

</selector>

如何从按钮右侧删除边框？

我有一个HTML输入和一个字体真棒图标.我不想限制用户输入的文本量.相反,我想这样做,以便文本不重叠.fa-comment-o ...任何额外的文本将被隐藏(不是截止,只是隐藏).我可以给出的最好的例子是当你在谷歌中输入一些东西时,文本不会与麦克风重叠,如果关闭它们也不会切割(它们使用图像而我使用的是字体图标).

这是我的小提琴

<div id="container">
    <input id="input"  value="This is some really long text that will almost certainly not fit within the text box. What I'd like to do is not bleed beyond the comment icon."/>
    <i class="fa fa-comment-o"></i>
</div>


#input{
    width: 300px;
    height: 25px;
    margin-right: -30px;

}

.fa-comment-o{
  font-size: 16px;
  color: #333;
  cursor: pointer;
  right: 10px;

}

我无法弄清楚如何在Bootstrap缩略图图像上叠加Font Awesome图标并使其正确缩放.

这是我的Bootstrap缩略图的结构示例,没有Font Awesome图标.

<div class="row">
        <div class="col-md-4">
            <div class="thumbnail">
                <img src="images/demoreel.png">
            </div>
        </div>

        <div class="col-md-4">
            <div class="thumbnail">
                <img src="images/soma.png">
            </div>

        </div>

        <div class="col-md-4">
           <div class="thumbnail">
                <img src="images/chomsky.png">
           </div>
        </div>

    </div>

由于字体很棒4.3,他们将字体添加为woff2格式.

当我试图通过owin提供这个文件时,我正在问404:

app.UseFileServer(new FileServerOptions() {
    RequestPath = PathString.Empty,
    FileSystem = new PhysicalFileSystem(@"banana")
});

如何通过owin中的文件服务器提供woff2 mime类型文件？

我有一个<li>当hovered时应该将数字改为unicode图标,例如播放按钮.

unicodes不断弹出一个看起来像这样的图标: [?]我假设它找不到它们.我在其他部分使用字体图标就好了,有什么想法吗？

    <ul class="popular-songs">
            <li>
<div class="album-cover"><img src="http://newnoisemagazine.com/wp-content/uploads/2014/04/Expire-Pretty-Low-cover.jpg"></div> 
<span class="number">
<span>1</span>
</span> 
<span>+</span>
<span class="title">Pretty Low</span>
<span class="misc"><i class="fa fa-ellipsis-h"></i></span>
<span class="total-plays">163,957</span></li>
        </ul>

CSS:

.popular-songs li .number{
  position: relative;
  content: '1';
  top:0px;
}
.popular-songs li:hover .number span{
  display: none;
}
.popular-songs li:hover .number:after{
  content: "\f04b";
  position:relative;
  top:15px;
}

我试过以我能想到的每一种可能的方式编写unicode.

content: "/XXXX";

content: "\XXXX";

content: "XXXX";

content: "[XXXX]";

它们似乎都不适合我.

我喜欢使用CSS 构建此图标(使用Fontawesome).什么是CSS的最佳实践？谢谢!

https://www.thezone.org/ride/insertride.asp

在这个页面上,单选按钮有一个字体很棒的图标响铃,而不是常规的单选按钮圈.当你选择一个选项时,环内应该有一个圆圈 - 就像在同一个网站的这个页面上一样:

https://www.thezone.org/application-camper.asp

选择似乎不起作用.我无法弄清楚为什么它在另一页上工作但不在这一页上.当我检查元素时,这个css(参见下面的其余部分)[type = radio]:checked + label:before {content:"\ f192"; font-family:FontAwesome;}没有显示,但它显示在另一个表单上.这是应该让小圆圈显示的css.

这是html:

<div class="form-group">
               <label class="control-label col-lg-3 col-sm-4" id="gender">
          Gender</label>
            <div class="col-sm-8 col-md-7 col-lg-8 full-input">
                <input type="radio" name="gender" value="Male" id="gender_0"     />
                <label class="radio-inline">Male</label>

                <input type="radio" name="gender" value="Female"     id="gender_1" />
                <label class="radio-inline">Female</label>

                <input type="radio" name="gender" value="Family" id="gender_2" />
                <label class="radio-inline">Family</label>
           </div>
        </div>

这是css:

[type=radio] {    display: none;}
[type=radio] + label:before {    content: "\f10c";  font-family:   FontAwesome;  font-size: 1.1em;    color: #028167;    letter-spacing: 10px;  display: inline-block;}
[type=radio]:checked + label:before {    content: "\f192"; …

假设我有一个字体超赞的图标：

<i class="fa fa-times-circle pull-right fa-2x" style="background-color: white; color: red;" aria-hidden="true"></i><

身体背景设为黑色

body {  
  background-color: black;
}

我希望将形状定界的背景是透明的（例如，主体背景为黑色，而圆圈内的内部背景仍然为白色），实际上可行吗？

http://jsfiddle.net/8u39n0sq/

基本上如何避免形状中心为背景色为白色的大白色丑方的方形东西？

我试图font-awesome根据某个值更改图标，但是即使更改了模型，它仍设置为原始图标。这是我的代码

在 Controller

if (foo.change < 0) {
   foo.icon = "fa fa-sort-down";
} else {
  foo.icon = "fas fa-sort-up";
}

在我的 HTML

<i [className]="foo.icon"></i>

有没有一种方法可以基于model或动态更新图标check？