有什么方法可以从插入的内容中删除斜体样式:在课前?

时间:2012-07-16 20:49:35

标签: html css html5 css3

我有这样的代码

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

我喜欢使用CSS

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

插入带有特殊符号字体的Camera符号。不过我的风格是李的斜体。有没有办法从这一封内容字母中删除斜体?我试过font-style: none;无济于事

2 个答案:

答案 0 :(得分:19)

那是font-style: normal;而非font-style: none;

答案 1 :(得分: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!*/
}