Question

我使用以下样式来显示网页中的文字。

<h2><font color="#5D5D5D" size="2" face=caecilia-light, face="helvetica,arial,sans-serif" >Hello world

我的css如下：

h2{
    color: #747474;
    font-family: helvetica,arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-justify: auto;
    text-outline: none;
    text-overflow: clip;
    text-shadow: none;
    text-transform: none;
    text-wrap: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    padding-left: 25px;
}

它可以正常使用chrome，但是当我在IE中打开它时字体会改变。如何修改我的代码，使其在IE中工作？因为它在chrome中工作？

Answer 1

您在font-family中声明了重复的font-size和h2属性 - 取消其中一个您不需要的属性。

此外，在你的html中face="caecilia-light'应更改为face="caecilia-light" - 在Chrome中，它处理得当，但在IE中它是一个错误，所以它会选择第二个{{1} }属性

css与chrome工作正常，但随着IE的变化

1 个答案: