2014-04-04 86 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%; 
} 
相關問題