Icomoon和文本或图标的颜色

时间:2014-04-04 21:56:03

标签: css

我已阅读StackOverflow的帖子。

据我所知,图标是作为文本管理的。

予。但子弹是在类里面的图标字体。如何改变图标的​​颜色而不是文字? 我尝试改变来源,但它没有用。

src:url('fonts/icomoon.eot?#iefix-ggg507') format('embedded-opentype'),

我有子弹,如:

<li class="icon-checkmark2">
    <b>Text1</strong><b>
    text2
</li>

II。如何定义我的文本的样式,重量,因为我删除了源CSS元素,如:

font-style: normal;
font-weight: normal;
font-variant: normal; 

但文字仍然不是来自身体规格。当有图标字体时,似乎样式会被破坏。

1 个答案:

答案 0 :(得分:0)

有多种方法可以解决这个问题。

我已经从网上抓了几个例子并将其发布在FIDDLE中。

CSS

.holder {
    float: left;
    width: 100px;
    height: 100px;
    border: 1px solid black;
}
ul {
    width: 300px;
    margin: 20px auto;
}
.ul1 li {
    color: red;
}
.ul1 li span {
    color: green;
}
.ul2 li {
  list-style-image:url('http://jmcivor.com/icons/akuma2.png');
}
.ul3 li {
    list-style-type: square;
}
.ul4 {
    list-style-type: none;
}
.ul4 li:before {
    content: "4";
    font-family: "webdings";
    color: red;
}
.ul5 li {
    padding-left: 5px;
    margin-bottom: 10px;
    list-style-type: none;
    border-left: 5px solid green;
}
.ul6 li {
  list-style-type: none;
}
.ul6 li:before {
  content: "";
  line-height: 1em;
  width: .5em;
  height: .5em;
  background-color: blue;
  float: left;
    margin: .25em .25em 0;
    border-radius: 50%;
}