Icomoon 및 텍스트 또는 아이콘의 색상

Question

나는 StackOverflow에서 게시물을 읽었습니다.

나는 아이콘이 텍스트로 관리된다는 것을 알고 있습니다.

I. 글 머리 기호는 아이콘 글꼴이있는 클래스의 내부 클래스입니다. 텍스트가 아닌 아이콘의 색상을 변경하는 방법은 무엇입니까? 소스를 변경하려고했지만 작동하지 않았습니다.

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

II :

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

내가 좋아하는 총알을 가지고있다.

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

하지만 텍스트가 몸 사양에서 여전히되지 않습니다 : 내가 좋아하는 소스 CSS 요소를 제거한 나의 텍스트 스타일, 무게를 정의하는 방법. 아이콘 글꼴이 있으면 스타일이 망가질 것 같습니다.

Answer 1

다양한 방법으로 처리 할 수 ​​있습니다.

나는 웹에서 몇 가지 예를 들고 이것을 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%; 
}