отображаемый вид шрифтов в IE и ХРОМЕ разный, как исправить

Голоса: +1

в IE

в ХРОМЕ

ну совсем некрасиво, в опере то же

после удаления вот етой прелести

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700&subset=latin,cyrillic" rel="stylesheet" type="text/css" />

в ХРОМЕ становится получше

но в целом, все равно хуже, чем в IE изначально до удаления

может что в шаблоне пошевелить надо, а не линк убирать, зачем то он туда прописан ведь.

что бы и в ХРОМЕ вид нормальный стал и в IE остался прежним.

 

| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

Для более корректного отображения шрифтов сайта в разных браузерах, советовал бы установить свой шрифт.

Прочтите материал:

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
возможно, я много не знаю, но
в HTML коде "страницы сайта" была удалена строка
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700&subset=latin,cyrillic" rel="stylesheet" type="text/css" />

на которую гугловский сервис отвечает
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/RjgO7rYTmqiVp7vzi-Q5UT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzIraN7vELC11_xip9Rz-hMs.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBmOb2gHztoQeulij-1lvl-8.woff) format('woff');
}

при этом в коде страницы осталось
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>$SEO_TITLE$</title>
    <!--[if lt IE 9]>
    <script type="text/javascript">
    var e = ("header,footer,article,aside,section,nav").split(',');
    for (var i = 0; i < e.length; i++) {
    document.createElement(e[i]);
    }
    </script>
    <![endif]-->
   
    <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
    </head>
отсюда чуть чуть пронятно, почему в IE с текстом не так как в других браузерах, но главное, что в /_st/my.css по идее должна быть хоть одна запись
.......{
    font-family: 'Open Sans';
   }

но ее там нет
т.е. мне не понятно, где вообще в CSS таблице свойству font-family присваивается хоть какая-нибудь гарнитура
...