I have code like so
<li class="iconic camera">Pentax K-5 16 Megapixel DSLR</li>
I use CSS like
.iconic.camera:before {
font-size: 35px;
font-family: "KameraDings";
content: "A";
padding-right: 8px;
vertical-align: -10%;
}
to insert a Camera symbol with the special symbol font. However I have style for li's set to italic. Is there a way possible to remove italic from this one content letter ? I have tried font-style: none;
to no avail
Use font-style to reset the italic style when the class is used.
Click the arrow beside Format and then select Font. In the Font Style area, click No Italic. Click OK.
Then type the tag </i> where you want the italics to stop.
You can avoid that issue by typing the text, and then applying formatting after the fact. turn off italics by holding down 'CTRL and I' at the same time .
That's font-style: normal;
not font-style: none;
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With