css работает отлично с хром, но меняется с IE

Question

Я использую следующий стиль для отображения слов на веб-странице.

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

мой КСС следующее:

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; 
} 

он отлично работает с хромом, но шрифт меняется, когда я открываю его в IE. Как я могу изменить свой код, чтобы он работал в IE, поскольку он работает в хроме?

Answer 1

У вас есть дубликат font-family и font-size имущество, указанное в h2 - удалите один из них, который вам не нужен.

Кроме того, в вашем HTML face="caecilia-light' должен быть изменен на face="caecilia-light" - В хроме, он обрабатывается должным образом, но в IE это ошибка, так что было бы подобрать второй face атрибут