Any way to remove italic style from content pasted with: before class?

Question

I have a code like this

<li class="iconic camera">Pentax K-5 16 Megapixel DSLR</li> 

I use CSS as

 .iconic.camera:before { font-size: 35px; font-family: "KameraDings"; content: "A"; padding-right: 8px; vertical-align: -10%; } 

to insert a camera symbol with a special symbol font. However, I have a style for li in italics. Is there a way to remove italics from this single content email? I tried font-style: none; to no avail

Answer 1

This is font-style: normal; not font-style: none; .

Answer 2

jsBin demo

 .iconic{ font-style:italic; } .iconic.camera:before { font-size: 35px; font-family: "KameraDings"; content: "A"; padding-right: 8px; vertical-align: -10%; font-style:normal; /* ta-da!*/ }