2014-04-04 41 views
0

我在StackOverflow上阅读文章。Icomoon和文字或图标的颜色

据我了解图标文本管理。

一,但子弹是内部类在哪里图标fonts.How改变图标颜色不发短信? 我尝试更改源代码,但没有奏效。

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; 

但文本仍然没有摆脱身体的规格。当有图标字体时,风格似乎会被破坏。

+0

可以使用例如Firebug发现css应用于你的元素从哪里来。 – thebjorn

回答

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%; 
} 
相关问题